Question

我在网页上使用jquery mmenu。此页面上使用了两种不同的菜单。一个用于桌面另一个用于移动。我不想复制此页面上的菜单。如何在追加元素后调用run 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>

jquery的，

这里我使用了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();
});

Answer 1

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();

}

如何在我的网页上追加div之后初始化jquery插件？

1 个答案: