是否可以在jQuery mmenu中打开子菜单?

时间:2015-11-12 08:53:41

标签: javascript jquery html css mmenu

<nav id="menu2">
    <ul>
        <li><a href="#/">Home</a>
            <ul>
                <li><a href="#/">h1</a></li>
                <li><a href="#/">h2</a></li>
                <li><a href="#/">h3</a></li>
                <li><a href="#/">h4</a></li>
                <li><a href="#/">h5</a></li>
            </ul>
        </li>
        <li><a href="#/">History</a></li>
        <li><a href="#/">The team</a></li>
        <li><a href="#/">Our address</a></li>
        <li><a href="#/">Contact</a></li>
    </ul>
</nav>

我想要表演&#39; home&#39;当我点击这样的链接时,我会使用submneu:

<a id="home">open home menu</a>

我也可以导航父母和孩子......

有可能吗?

DEMO:http://jsfiddle.net/yhta5ux7/8/ 当我点击menu1时,它会打开根菜单。我默认需要打开主页菜单。 (我希望通过&#39; mwnu1&#39;链接和主页菜单打开根菜单,打开主页&#39;链接。我希望你能得到我的意思。

1 个答案:

答案 0 :(得分:1)

在官方mmenu页面上:

  

打开子菜单单击整个菜单项以打开子菜单。

     

该插件假定菜单中的每个A元素都应该是可点击的   因此添加链接以打开它们旁边的子菜单。如果你更换   使用SPAN的A,整个菜单项变为可点击:

<nav id="my-menu">
   <ul>
      <li><a href="/">Home</a></li>
      <li><span>About us</span>
         <ul>
            <li><a href="/about/history">History</a></li>
            <li><a href="/about/team">The team</a></li>
            <li><a href="/about/address">Our address</a></li>
         </ul>
      </li>
      <li><a href="/contact">Contact</a></li>
   </ul>
</nav>

mmenu tips and tricks