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>

しかし、実行すると、他のスクリプトが無効になりました。それらのすべて、スライダー、prettyphoto、コメントなどの 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>