当两个菜单实例位于同一页面上时,Jquery 菜单不起作用

标签 jquery mmenu

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

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

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

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

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

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

最佳答案

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

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

关于当两个菜单实例位于同一页面上时,Jquery 菜单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19394536/

相关文章:

javascript - 使用 mmenu 修复 Bootstrap Modal

javascript - Jquery Mmenu : Open a submenu

javascript - JQuery Accordion 菜单与 mmenu 冲突 - JQuery 1.4 与 1.7

jquery - MMenu 插件不会在移动设备中向右打开

jquery - 创建悬停卡/工具提示

jquery-ui - jquery:ajax加载内容中的 $(window).bind ('load' 、 function()) 和 $(document).ready(function())

javascript - jQuery 菜单 : Scroll after menu close

javascript - Jquery: iPhone "slide to unlock"

javascript - 最小化 Javascript 和 HTML 代码

javascript - 使用 knockout 实现下拉菜单时出现的问题