jquery - mmenu 帮助 - 如何将 "Selected"类添加到当前页面(可能使用 "currentItem"插件)

Question

我正在使用 mmenu 创建菜单。虽然我愿意听取有关是使用 jquery 还是 PHP 的建议(最佳实践建议)，但我需要能够轻松地将我的菜单包含在每个新页面上。我希望这能让更新更容易。

问题是 mmenu 似乎不会在页面加载时自动激活事件 li。单击指向新页面的链接后，li 将显示为已选中，但是一旦加载新页面并且脚本重新开始，我就会到达主菜单。由于我有子菜单，问题可能会变得更加复杂。

我曾尝试使用第 3 方“currentitem”插件进行 mmenu，但没有成功。

这是一个简化的菜单示例。

<nav id="menu">
<li>
   <ul>
      <li><a href="/root/page1.html">page1</a></li>
      <li>
          <ul>
               <li><a href="/root/page2.html">page2</a></li>
               <li><a href="/root/page3.html">page3</a></li>
          </ul>
      </li>
   </ul>
</ul>
</nav>

Answer 1

您需要将类“mm-selected”添加到事件 href 的父 li 标签中，这将使您的菜单在正确的位置打开。

<nav id="menu">
<li>
   <ul>
      <li class="mm-selected"><a href="/root/page1.html">page1</a></li> <-- this will be highlighted and will open the sub menu below.
      <li>
          <ul> <-- this sub menu will show when the parent is selected
               <li><a href="/root/page2.html">page2</a></li>
               <li><a href="/root/page3.html">page3</a></li>
          </ul>
      </li>
   </ul>
</ul>
</nav>

希望对您有所帮助。

德里克