jquery mmenu 默认打开答案

【问题标题】：jquery mmenu opens by defaultjquery mmenu 默认打开
【发布时间】：2016-10-06 12:23:38
【问题描述】：

我已经建立了一个新页面并添加了 jQuery.mmenu。现在，当我加载页面时，默认情况下会打开菜单。

mmenu 正在触发并在页面加载时在正文上添加mm-opened。然后 css 转换开始，mmenu 很好地打开了。

但我希望它仅在单击菜单按钮时打开。很奇怪。有人听说过吗？

jquery:

$(document).ready(function() {
  $("#my-menu").mmenu();
});

html:

<body>
   <nav id="my-menu">
     <ul>
        <li><a href="{{item.url }}" class="no-barba">But WHy?</a></li>
     </ul>
   </nav>
  <div>//content</div>
</body>

标记中没有什么特别的地方

【问题讨论】：

标签： mmenu

【解决方案1】：

将此添加到您的 css 样式表并进行测试：

#my-menu:not(.mm-menu) {
  display: none;
}

【讨论】：

【解决方案2】：

将“mm-wrapper_sidebar-closed”类添加到 html 标签中。

【讨论】：

【解决方案3】：

我在 html (javascript) 中添加：

window.location.hash = "菜单";

【讨论】：

【解决方案4】：

Ivan，我支持你，因为它让我意识到我的问题与哈希有关，谢谢:)。

如果您没有使用 JS 以编程方式打开菜单，它会指示您将 href 属性设置为要打开的菜单的选择器的链接。所以我有类似的东西：

<a href="#navbar-menu"> ... </a>

使用 ID 为 navbar-menu 的菜单选择器。我没有意识到我在所有 JS 代码到位之前点击了这个链接，所以当前 URL 中仍然有一个指向菜单选择器的哈希。例如

https://yourdomain.com/#navbar-menu

我会刷新页面，然后菜单会自动打开。因为 mmenu 允许您使用哈希来定义菜单的状态 - 当对应于菜单选择器的哈希在 URL 中时打开。

仅供遇到相同问题的任何人参考。如果菜单自动打开，请删除哈希。

【讨论】：