Magentoでjquery mmenuを使用

Question

Magentoのウェブサイトにmmenuを使用しようとしています。しかし、私はそれを行う方法を理解することはできません。

別のファイルとして正常に動作しますが、MagentoのCMSページに同じコードを挿入すると、まったく動作しません。助けてください。

<script type="text/javascript" src="http://code.jquery.com/jquery-2.2.0.js"></script> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/5.7.0/js/jquery.mmenu.all.min.js"></script> 
 
<script type="text/javascript"> 
 
\t $(function() { 
 
    \t \t \t $('nav#menu').mmenu(); 
 
    \t \t }); 
 
\t \t </script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/5.7.0/css/jquery.mmenu.all.css" />

<div id="page"> 
 
\t <div class=""> 
 
\t \t <a href="#menu" style="display: block;width: 40px;height: 40px;"></a> 
 
\t \t \t \t Demo 
 
\t </div> 
 

 
\t <nav id="menu"> 
 
\t \t <ul> 
 
\t \t \t <li><a href="#">Home</a></li> 
 
\t \t \t <li><span>About us</span> 
 
\t \t <ul> 
 
\t \t \t <li><a href="#about/history">History</a></li> 
 
\t \t \t <li><span>The team</span> 
 
\t \t \t \t \t <ul> 
 
\t \t \t \t \t \t <li><a href="#about/team/management">Management</a></li> 
 
\t \t \t \t \t \t <li><a href="#about/team/sales">Sales</a></li> 
 
\t \t \t \t \t \t <li><a href="#about/team/development">Development</a></li> 
 
\t \t \t \t \t </ul> 
 
\t \t \t \t </li> 
 
\t \t \t <li><a href="#about/address">Our address</a></li> 
 
\t \t </ul> 
 
\t \t \t </li> 
 
\t \t \t <li><a href="#contact">Contact</a></li> 
 
\t \t </ul> 
 
\t </nav> 
 
</div>

Answer 1

あなたはそれがプロトタイプと一緒に実行できるように、jQueryのnoconflictモードで実行されていることを確認する必要があります。

var $j = jQuery.noConflict(); 

$j(function() { 
    $j('nav#menu').mmenu(); 
}); 

jsファイルは、インラインではなく、local.xmlで呼び出す必要があります。