использовать jquery mmenu с Magento

Я пытаюсь использовать mmenu на моем веб-сайте Magento. Но я не могу понять, как это сделать.использовать jquery mmenu с Magento

Он отлично работает как отдельный файл, но когда я вставляю тот же код на странице CMS в Magento, он вообще не работает. Пожалуйста помоги.

<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>

источник

2016-09-05 mohammadx90

Вы должны убедиться, что JQuery работает в режиме noconflict, так что она может работать вместе с прототипом.

var $j = jQuery.noConflict(); 

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

Вы также должны вызвать js-файлы через local.xml, а не inline.

источник

2016-09-05 15:10:27 RichTea

использовать jquery mmenu с Magento

ответ

Смежные вопросы