mmenu 没有关闭 anchor 标签

Question

尝试使用 jQuery.mmenu 插件。我的菜单中有多个项目。一些链接到页面内的 anchor 标记，其余链接到其他页面。我第一次单击指向 anchor 的链接时，页面导航到 anchor 并且菜单关闭。但是，如果我再次打开菜单并单击指向不同 anchor 的另一个链接，页面会导航但菜单不会关闭。我正在使用开箱即用的代码并且没有改变任何东西。我确定我错过了一些非常简单的东西。任何帮助将不胜感激

菜单

<nav id="menu">
  <ul>
    <li><a href="index.html#how-it-works">How it Works</a></li>
    <li><a href="index.html#businesses">Affiliated Businesses</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="faqs.html">FAQs</a></li>
     <li><a href="contact-us.html">Contact Us</a></li>
    <li><a href="jobs.html">Jobs</a></li>
  </ul>
</nav>

JS

<script type="text/javascript">
  $(function() {
    $("nav#menu").mmenu({
   classes: "mm-slide"
});
  });
</script>

Answer 1

现在已内置到插件中 (v5.6.6 2016.07.05)。要正确支持带有 #text 的 href(例如，在单页应用程序中)，请在激活插件时使用以下选项:

onClick : {
  close          : true,
  preventDefault : false,
}

如:

$("#my-menu").mmenu({
  "slidingSubmenus": false,
  onClick : {
    close          : true,
    preventDefault : false,
  }
});