javascript - 如何在我的网页上附加 div 后初始化 jquery 插件？

Question

我在我的网页上使用 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();
});

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

}