Question

我试图让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中运行，我需要做什么？

此外，当您关闭菜单时，它会在一定程度上向前滑动，然后消失，而不是一直滑动。我无法找到有关如何解决该问题的任何信息。

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

Answer 1

我有同样的问题！这是我提出的解决方法，在关闭按钮上手动触发关闭事件单击

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

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

Answer 2

这是因为导航栏插件的a bug in the "close" button，它预期（因此需要）您的＆＃34;页面＆＃34; DIV有身份证。

在＆＃34;页面＆＃34;中为DIV添加ID。解决问题。

jquery mmenu关闭按钮undefined在chrome中

2 个答案: