Javascript jQuery mmenu在页面加载时间歇性打开

Javascript jQuery mmenu在页面加载时间歇性打开,javascript,jquery,wordpress,mmenu,Javascript,Jquery,Wordpress,Mmenu,我试图弄明白为什么当我的页面加载时,mmenu有时显示为打开,而有时则不显示。即使我在使用wordpress,我也在使用jQuery插件(而不是wordpress插件)。对于我正在使用的代码,我没有任何突出的地方,也没有任何错误。我错过了什么?我试图遵循网站上的文档,但是没有提到这个问题 // html markup <div class="col-md-1 pull-right" id="mobile-nav-link-container"> <a id="mobil

我试图弄明白为什么当我的页面加载时,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>
//html标记
//js
(函数($){
$(文档).ready(函数(){
var菜单=$(“导航#移动导航”);
menu.mmenu({
班级:'mm light',
对,,
非画布:{
位置:'右'
}
});
//确保带有子菜单的导航项目具有不可单击的父链接。
var haschilds=menu.find(“.page\u item\u有子项”);
var childLink=haschilds.find('a.mm-next');
addClass('mm-fullsubopen');
});
})(jQuery);
//wordpress的php

您能提供演示链接吗?或者你可以在某个地方复制问题。我可以尝试在JSFIDLE或类似工具上复制它,但我无法链接到我现在正在工作的站点。你的php中的
id+
是什么?这是一个错误。当时我复制/粘贴代码时,它的格式不正确。所以我手工重新写了一遍,没有注意到我用了+而不是=。在我的项目中,它是=。我也将在这里编辑它。再次您好,很久以前我已经让它为WP工作,甚至在mmenu github帐户上写下了这个技巧。作者现在删除了它,我想是因为他现在制作了一个插件。我有两个建议给你。1-在JS中,删除
(函数($){
并更改
$(文档)。准备(函数()
jQuery(文档)。准备(函数($)
在末尾删除
(jQuery)
。2-查看作者的插件。最后确保mmenu在头部,并在其他所有操作之前启动。希望这有帮助,SYA。