jquery mmenu关闭按钮在chrome中未定义答案

【问题标题】：jquery mmenu close button undefined in chromejquery mmenu关闭按钮在chrome中未定义
【发布时间】：2015-07-28 18:19:39
【问题描述】：

我试图让 mmenu 像演示一样工作，但关闭按钮在 Chrome 中不起作用。当你点击按钮时它有#undefined。

这里是演示站点：http://www.2015.line49.ca/

我尝试添加 isMenu: true 但这没有任何区别。

这是我的设置代码：

     jQuery(document).ready(function() {
            jQuery("#wpadminbar").addClass( "mm-slideout" );
    jQuery("#l49-mmenu").mmenu({
                    isMenu: true,
       extensions: ["effect-slide-menu", "effect-slide-panels-100", "border-full", "theme-dark", "multiline"],
                 offCanvas: {
        position  : "right",
        zposition : "front",
                    pageSelector: "> div:not(#wpadminbar)"
         },
                 navbars:[
                 {
                     position: "top",
                    title: "<img src=\"/wp-content/uploads/2015/06/Logo-Baseline-white-transp.png\" alt=\"Company\">",
                    content: ["prev", "title", "close"],
                 },
                 {
                     position: "bottom",
                     content: "<span class='mmenu-left'>604 xxx xxxx</span> <span class='mmenu-right'><a href='mailto:xxx@domain.ca'>xxx@domain.ca</a></span>"
                 }]
            },
            {
             classNames: {
        selected: "current-menu-item"
     }
            });
        });

我需要做什么才能让关闭按钮在 Chrome 中工作？

此外，当您关闭菜单时，它会滑动一部分关闭然后消失，而不是完全滑动关闭。我找不到有关如何解决该问题的任何信息。

感谢您对此提供的任何帮助。

【问题讨论】：

去掉content: ["prev", "title", "close"]后面的逗号
嗨，我尝试在 codecontent: ["prev", "title", "close"] 之后删除评论，但没有任何区别。 x 在 Chrome 中仍然不起作用。还有其他想法吗？

标签： jquery mmenu

【解决方案1】：

我也遇到了同样的问题！这是我想出的解决方法，在单击关闭按钮时手动触发关闭事件

 var $mmenu = $('[MMENU_SELECTOR]');
 var mmenuApi = $mmenu.data("mmenu");

 $('body').on('click tap', '[CLOSE_BTN_SELECTOR]', function () {
     mmenuApi.close();
 });

【讨论】：

【解决方案2】：

这是由于导航栏插件的a bug in the "close" button，它期望（并因此要求）您的“页面”DIV 有一个ID。

将 ID 添加到“页面”考虑的 DIV 以解决问题。

【讨论】：