Question

我有一个安装了mmenu 2.2.3的网站。菜单设置为单击打开。你可以在这里看到它们：

它在移动设备上运行不正常，我想将其升级到mmenu 3.3.1，但看起来这个新版本的语法与旧版本截然不同。这是我的custom-script.js文件：

jQuery(document).ready(function($) {
   $('#show-menu').click(function(){
     $('div#responsive-menu').slideToggle('slow');
   });
    $('#hide-menu').click(function(){
     $('div#responsive-menu').slideToggle();
   });
 });


jQuery(document).ready(function($) {
    $(function() {
      $("#menu").mmenu({
});
      $("#menu-book").mmenu({
        position: "right"
});
      $("#menu-user").mmenu({
        position: "right"
});
});
});

最终，我真正想要做的是为右侧菜单实现宽屏选项，并使左侧菜单成为一个图标栏样式，点击即可完全打开。但就目前而言，我只是想要定位。

有人可以帮我翻译mmenu的这种旧语法到现代3.3.1版本吗？实际上，当我尝试加载当前的.js和.css文件时，我的菜单都被填满了。

谢谢！罗布

Answer 1

从版本3.2.0开始，该插件有一个选项“isMenu”，用于确定是否添加特定于菜单的样式。如果省略此选项，插件会尝试自动检测它是否是菜单。这背后的逻辑是：

NAV中只有一个子节点，并且该子节点是UL

所以，基本上，我认为您可以更新到最新版本并将isMenu选项添加到您的js：

$("#menu-user").mmenu({
    position: "right",
    isMenu: true
});

如何使用mmenu管理具有不同设置的多个菜单

1 个答案: