从mmenu中排除深度

Question

我正在使用https://mmenujs.com，并希望在显示为移动菜单时绕过菜单结构的深度。例如，桌面菜单是这样的：

1. MENU
   a. SUBMENU
      • link v
      • link w
   b. SUBMENU
      • link x
      • link y
      • link z
2. MENU
   a. SUBMENU
      • link v
      • link w
   b. SUBMENU
      • link x
      • link y
      • link z

但是在移动设备上（通过mmenu.js），我想像这样展示：

1. MENU
   • link v
   • link w
   • link x
   • link y
   • link z
2. MENU
   • link v
   • link w
   • link x
   • link y
   • link z

基本上使用深度为3的嵌套ul，但绕过深度＃2，因此用户无需额外点击即可通过子菜单进入实际链接。

谢谢！

	$('#mobile-nav').mmenu();

<nav id="mobile-nav">
  <ul>
    <li><a href="#">MENU 1</a>
        <ul>
            <li><a href="#">SUBMENU 1A</a>
                <ul>
                    <li><a href="#">link v</a></li>
                    <li><a href="#">link w</a></li>
                </ul>
            </li>
            <li><a href="#">SUBMENU 1B</a>
                <ul>
                    <li><a href="#">link x</a></li>
                    <li><a href="#">link y</a></li>
                    <li><a href="#">link z</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#">MENU 2</a>
        <ul>
            <li><a href="#">SUBMENU 2A</a>
                <ul>
                    <li><a href="#">link v</a></li>
                    <li><a href="#">link w</a></li>
                </ul>
            </li>
            <li><a href="#">SUBMENU 2B</a>
                <ul>
                    <li><a href="#">link x</a></li>
                    <li><a href="#">link y</a></li>
                    <li><a href="#">link z</a></li>
                </ul>
            </li>
        </ul>
    </li>
  </ul>
</nav>

Answer 1

在调用mmenu插件之前，如果不做一些严肃的JS或PHP，就不能完全排除像你要求的级别。

但是有一些类名可以添加到UL中以尝试阻止mmenu插件将其转换为面板：

• “NoPanel”：阻止UL进入面板。
• “NoListview”：阻止UL进入列表视图。
• “mm-listview_inset”：使UL显示为默认UL（带子弹）。