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'
});

Answer 2

使用 position: 'right' 是折旧的。所以试试

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