我在我的网页上使用 jquery mmenu。此页面上使用了两种不同类型的菜单。一个用于桌面,另一个用于移动。我不想复制此页面上的菜单。我如何在追加元素后调用运行 jquery mmenu。下面我添加了我的代码。
<header class="clearfix">
<a href="#mobile_menu">Menu</a>
<!-- For desktop -->
<div class="fR">
<nav id="mainNav" class="fL">
<ul class="clearfix">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
<ul class="clearfix">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</nav>
</div>
<!-- For mobile-->
<div id="mobile_menu"></div>
</header>
j查询,
这里我使用了 jquery mmenu (URL: http://mmenu.frebsite.nl/ )
$(function() {
$('body').wrapInner('<div id="main-container" />');
$('#mainNav ul').clone().appendTo($('div#mobile_menu'));
$('div#mobile_menu').mmenu();
});
最佳答案
Initalize jquery under
$( document ).ready( function() {
}
option because it load after page ready
like
$(document).ready( function() {
$('body').wrapInner('<div id="main-container" />');
$('#mainNav ul').clone().appendTo($('div#mobile_menu'));
$('div#mobile_menu').mmenu();
}
关于javascript - 如何在我的网页上附加 div 后初始化 jquery 插件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27484778/