jQuery mmenu间歇性地打开页面加载

Question

我试图找出为什么mmenu有时会在我的页面加载时显示为打开，而有时则不显示。即使我使用wordpress，我也在使用jQuery插件（而不是wordpress插件）。关于我正在使用的代码没有任何突出的信息，我没有收到任何错误。我在这里错过了什么？我正在尝试按照网站上的文档进行操作，但没有提及此问题。

// html markup
<div class="col-md-1 pull-right" id="mobile-nav-link-container">
    <a id="mobile-nav-link" href="#mobile-nav">Menu</a>
</div>

// js
(function ($) {
    $(document).ready(function() {

        var menu = $("nav#mobile-nav");

        menu.mmenu({
            classes: 'mm-light',
            counters: true,
            offCanvas: {
                position: 'right'
            }
        });
        // Make sure that nav items with sub-menus have non-clickable parent links.
        var hasChildren = menu.find(".page_item_has_children");
        var childLink = hasChildren.find('a.mm-next');
        childLink.addClass('mm-fullsubopen');

    });
})(jQuery);

// php for wordpress
<nav id="mobile-nav">
  <?php
    wp_nav_menu(array(
      'theme_location' => 'header-menu',
      'container' => false
    ));
  ?>
</nav>