Javascriptの動作がmagenetoで動作しない

Question

私はこのテーマに取り組んでおり、クリックするとフェードイン、クリックするとフェードアウトする簡単なナビゲーションを作成したかったのです。

<div id="mobile-nav"> 
    <a class="exit"></a> 
    <div class="logo"></div> 
    <div class="center"> 
     <li class="skincare">Skincare</li> 
     <li class="makeup">Makeup</li> 
     <li class="kits">Kits</li> 
     <li class="help">Help</li> 
    </div> 
</div> 
<script> 
      $(function() { 
        $('.exit').click(function(){ 
         $('#mobile-nav').fadeOut(); 
        }); 
       } 
</script> 

しかし、試してみるとうまくいかないようです。 swiper.jsのような他のタイプのスクリプトも動作しますが、この単純なスクリプトは動作しません。私がやっていることに何か悪いことはありますか？私はエラーをチェックしており、jQueryもロードされています。ここ

ライブプレビュー - http://magazine.eldecosmetics.com/

Answer 1

それは

$(function() { 
         $$('.exit').invoke('observe', 'click', function() { 
          $('#mobile-nav').toggleClass('fadedOut'); 
         }); 
        }); 

あなたのコードは、Magentoので

$(function() { 
        $$('.exit').invoke('observe', 'click', function() { 
         $('#mobile-nav').toggleClassName('fadedOut'); 
        }); 
       } 

Answer 2

であるあなたが代わりに$のjQueryのを使用する必要がありますjqueryの競合を回避しようとする必要がありますシンボル。私は

jQuery(function(){ 

      $$('.exit').invoke('observe', 'click', function() { 
       jQuery('#mobile-nav').toggleClass('fadedOut'); 
      }); 

}); 

正しいコーディングを記載している。例えば

はそれが君たちに役立ちます願っています。