javascript - 将 jquery mmenu 与 Magento 一起使用

Question

我正在尝试使用mmenu在我的 Magento 网站上。但我不知道该怎么做。

它作为一个单独的文件工作正常，但是当我在 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>

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

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

Answer 1

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

 var $j = jQuery.noConflict(); 

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

您还应该通过 local.xml 而不是内联调用 js 文件。