如何在不禁用其他脚本的情况下将 Javascript 添加到组件中

How to add Javascript into a component without disabling other script?

本文关键字：Javascript 情况下 添加 组件 脚本 其他      更新时间：2023-09-26

我使用斯沃琪模板。我已经修改了徽标组件，我想将以下脚本添加到我的徽标中。我在标题.php中复制了此脚本。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript">
            $(function coba() {
                    // set opacity to nill on page load
                    $("#logo a span").css("opacity","0");
                    // on mouse over
                    $("#logo a span").hover(function () {
                        // animate opacity to full
                        $(this).stop().animate({
                            opacity: 1
                        }, 'slow');
                    },
                    // on mouse out
                    function coba() {
                        // animate opacity to nill
                        $(this).stop().animate({
                            opacity: 0
                        }, 'slow');
                    });
                });
    </script>

但是，当我运行它时，另一个脚本被禁用了。所有这些，js用于滑块，漂亮的照片，评论等。如何一次激活所有关闭它们？谢谢

看起来您可能会遇到递归调用的问题，该调用将浏览器线程捆绑在繁忙循环中。以下代码有效，但不需要递归调用。

<script type="text/javascript">
    $(document).ready(function() {
            // set opacity to nill on page load
            $("#logo a span").css("opacity","0");
            $("#logo a span").hover(
                function () {
                    // on mouse over
                    $(this).stop().animate({
                        opacity: 1
                    }, 'slow');
                },
                function () {
                    // on mouse out
                    $(this).stop().animate({
                        opacity: 0
                    }, 'slow');
                });
        });
</script>
相关文章：