javascript - Jquery Mmenu : Open a submenu

Question

我正在尝试使用 mmenu jquery 插件从父链接打开子菜单，几乎成功了，但是一旦打开子菜单，该函数也会关闭菜单(主菜单从左侧打开)。

我明白了:

<nav data-role="navbar" data-iconpos="left" id="leftMenu">
    <ul>
        <li><a id="a_home" href="/" >Home</a></li>
        <li><a id="a_what" href="/" >What to do</a></li>
        <li>
            <a id="a_guides" href="#guidesSubmenu" onclick="$('#leftMenu ul#guidesSubmenu').trigger( 'open.mm' );" >Guides</a>
            <ul id="guidesSubmenu">
                <li><a href="/">Beer Guide 2013</a></li>
                <li><a href="/">Bar Guide 2013</a></li>
                <li><a href="/">Cheap Eats 2013</a></li>
            </ul>
        </li>
        <li>
            <a id="a_sections"  href="#" >Sections</a>
        </li>
    </ul>
</nav>

因此，当我单击“指南”链接时，会打开子菜单，但也会关闭主菜单，向右移动。 任何人都知道打开子菜单的正确方法是什么？

这是插件页面:http://mmenu.frebsite.nl/ 不是简单的 jquery javascript。

谢谢。

Answer 1

jquery.mmenu 插件会自动向每个带有 UL 的 LI 添加一个“打开子菜单”按钮。如果 A 没有链接到实际页面，您需要做的就是用 SPAN 替换它:

<ul>
    <li><span>Guides</span>
        <ul>
            <li><a href="/">Beer Guide 2013</a></li>
        </ul>
    </li>
</ul>