将 jquery mmenu 与 Magento 一起使用答案

【问题标题】：use jquery mmenu with Magento将 jquery mmenu 与 Magento 一起使用
【发布时间】：2016-09-05 14:10:33
【问题描述】：

我正在尝试在我的 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">
	$(function() {
   			$('nav#menu').mmenu();
 		});
		</script>

&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/5.7.0/css/jquery.mmenu.all.css" /&gt;

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

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

【问题讨论】：

标签： javascript jquery magento mmenu

【解决方案1】：

您需要确保 jquery 以无冲突模式运行，以便它可以与原型一起运行。

 var $j = jQuery.noConflict(); 

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

你也应该通过local.xml而不是内联来调用js文件。

【讨论】：