jqueryの使用後もコンフリクトnoConflict関数

Question

私のjqueryコードを見てください。

3つのクリック機能があります。 1 slideToggleメニューをクリックした後、2番目の場所のドキュメントをクリックし、メニューを閉じ、3番目のクラスを回転させるをクリックします。ここで

は私のjqueryのコードです：

 <nav> 
      <a href="#" id="rs-float-menu" class="rs-dropdown-toggle"> 
       <img src="/wp-content/uploads/2016/03/add.png" class="rs-img"/> 
      </a> 
      <ul class="rs-dropdown"> 
       <li><a href="#">Menu Item</a></li> 
       <li><a href="#">Menu</a></li> 
       <li><a href="#">Settings</a></li> 
       <li><a href="#">Search</a></li> 
      </ul> 
     </nav> 
     <a href="#"><div class="fa fa-chevron-up rotate"></div></a> 

ドロップダウンが正常に動作しますが、私はこれを使用する場合、ドロップダウンが

..動作を停止し、このjQueryの機能がない場合：ここで

<script> 
    $(function() { 
     // Dropdown toggle 
     $('.rs-dropdown-toggle').click(function(){ 
      $(this).next('.rs-dropdown').slideToggle('slow'); 
     }); 

     $(document).click(function(e) { 
      var target = e.target; 
      if (!$(target).is('.rs-dropdown-toggle') && !$(target).parents().is('.rs-dropdown-toggle')) { 
      $('.rs-dropdown').slideUp(); 
      } 
     }); 

    }); 
    jQuery.noConflict(); 
    (function($) { 
     $(".rotate").click(function(){ 
      $(this).toggleClass("down"); 
     }); 
    })(jQuery); 
</script> 

は、HTMLコードがあります

jQuery.noConflict(); 
    (function($) { 
     $(".rotate").click(function(){ 
      $(this).toggleClass("down"); 
     }); 
    })(jQuery); 

&コンソールがこれを示していますが、2番目のコードは正常に動作します。 http://jsfiddle.net/koala_dev/3v2egwfs/7/

問題がどこにあるか私は理解していません！私は、私はあなたが間違った理由のためnoConflict()を追加し、あなたの全体の問題は、最後のイベントリスナーがあったことだったと思い

Answer 1

してみてください、私はいくつかの愚かなミスをやっていると信じてdocument.readyハンドラーの内部にはありません。スクリプトタグが頭にある場合要素が

なぜあなたはそれのコードの一部ではなく、すべてのために `）` noConflictを（使用していますか？

$(function() { 
    // Dropdown toggle 
    $('.rs-dropdown-toggle').click(function(){ 
     $(this).next('.rs-dropdown').slideToggle('slow'); 
    }); 

    $(document).click(function(e) { 
     var target = e.target; 
     if (!$(target).is('.rs-dropdown-toggle') && !$(target).parents().is('.rs-dropdown-toggle')) { 
     $('.rs-dropdown').slideUp(); 
     } 
    }); 
    // moved inside the ready handler 
    $(".rotate").click(function(){ 
     $(this).toggleClass("down"); 
    }); 

}); 

Answer 2

が

$.noConflict(); 

代わりの

jQuery.noConflict();