他のスクリプトを無効にすることなくJavascriptをコンポーネントに追加する方法は？

Question

私はswatchテンプレートをwoothemesで使用しています。ロゴコンポーネントを変更しました。このロゴをロゴに追加したいと思います。このスクリプトを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>