当两个菜单实例在同一页面上时,Jquery mmenu无法正常工作

时间:2013-10-16 03:02:30

标签: jquery mmenu

我使用插件 mmenu http://mmenu.frebsite.nl/)在网站上创建幻灯片菜单。我创建了左侧和右侧菜单。 在页面加载时,我正在初始化我的两个菜单:

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

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

当我这样做时,两个菜单在激活时都显示不正确。正确的(推特)滑开,但我得到两个(嵌套)" mm-page"我的内容周围的包装器而不是正常的包装器,每个包装器都向左滑动指定的偏移量,所以当它打开时我会看到一个额外的层和额外的阴影效果。左边的一个(汉堡)只给我一个完全空白的页面,虽然我可以看到我也得到两个" mm-page"页面内容周围的包装。

如果我禁用上述任何一个初始值设定项,则其余菜单功能完美。

在同一页面上使用mmenu和多个菜单是否有一些技巧?我还没有在文档或StackOverflow或其他网站上找到任何内容。

1 个答案:

答案 0 :(得分:1)

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

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