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

Question

在网上搜索后，我发现最好的移动菜单是 mmenu.frebsite.nl。 mmenu 有“高级”选项可以打开左侧或右侧的菜单，它在桌面版本中工作，但在移动设备(iphone 和 android)上选中时，两个按钮都会打开左侧的菜单。 有人在移动设备上尝试过这些选项或知道如何修复它吗？...谢谢。

Answer 1

将菜单设置为向右打开涉及两个步骤，第一个步骤在 mmenu 的文档中没有得到很好的解释。注意:我在回复时使用的是 4.2 版。

步骤 1)

在您的元素中包含定位 CSS 或 SASS 文件(extensions/jquery.mmenu.positioning.scss 或 extensions/jquery.mmenu.positioning.css)。包含这些文件还允许您设置 zposition 值。

步骤 2)

在mmenu函数中设置正确的值

$(function() {
  $('nav#main-nav').mmenu({
  classes: 'mm-dark',
  position: 'right',
  zposition: 'front'
});