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

Question

我使用 woothemes 的 Swatch 模板。我已经修改了徽标组件，我想将以下脚本添加到我的徽标中。我在 header.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。我怎样才能一次将它们全部激活？谢谢

Answer 1

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

<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>