1

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

http://thedigitalcomic.com

它在移动设备上无法正常运行，我想将其升级到 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 文件时，我的菜单都被塞满了。

谢谢！抢

4

1 回答 1

0

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

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

因此，基本上，我认为您可以更新到最新版本并将 isMenu-option 添加到您的 js 中：

$("#menu-user").mmenu({
    position: "right",
    isMenu: true
});
于 2013-10-08T10:37:35.577 回答