当同一页面上有两个菜单实例时，Jquery mmenu 不起作用

Posted 2023-05-08

【中文标题】当同一页面上有两个菜单实例时，Jquery mmenu 不起作用

【英文标题】：Jquery mmenu not working when two menu instances on the same page

【发布时间】：2013-10-24 01:02:21

【问题描述】：

我正在使用插件 mmenu (http://mmenu.frebsite.nl/) 在网站上创建滑出式菜单。我已经创建了左侧和右侧菜单。 在页面加载时，我正在初始化我的两个菜单，如下所示：

$('#burger-menu').mmenu();

$('#twitter-tab').mmenu(
position: 'right'
);

当我这样做时，两个菜单在激活时都显示不正确。右边的（推特）滑动打开，但我的内容周围有两个（嵌套的）“mm-page”包装器，而不是正常的，每个都向左滑动指定的偏移量，所以我看到了一个额外的层以及打开时的额外阴影效果。左边的（汉堡）只是给了我一个完全空白的页面，尽管我可以看到我还在页面内容周围获得了两个“mm-page”包装器。

如果我禁用上述任一初始化程序，其余菜单将完美运行。

在同一页面上使用带有多个菜单的 mmenu 有什么技巧吗？我没有在文档、*** 或其他在线网站上找到任何内容。

【问题讨论】：

同样的问题，除了我使用的是 JQuery Mobile 多页设置。

【参考方案1】：

由于下载包中的“高级”示例（或网站上的电话框架中）在一个页面上有两个工作菜单，我认为这是您如何设置 html 或您如何设置 HTML 的问题已经配置好插件了。

尝试有关如何设置 HTML 的教程： http://mmenu.frebsite.nl/tutorial.php