Question

当我在移动视图中点击我的“汉堡包图标”时遇到了这个问题..它会降低移动导航，但是...然后立即将其立即滑回？这是我没有写过的代码，因此难以破译......任何帮助都会很棒。

以下是我正在使用的代码....

General.nav.init = function() {
jQuery(".mobile-opener").on("click", function(a) {
    a.preventDefault(), jQuery("#main-nav .primary").slideToggle(), jQuery(this).toggleClass("open");
}), jQuery("#nav").scrollToFixed({
    minWidth: "1024"
});

以及它所针对的代码......

  <div class="purple" id="nav">
<nav id="main-nav" class="container">
  <a href="#" class="mobile-opener"></a>
  <ul class="primary">
    <li class="home"><a href="#">Home</a></li>
    <li><a href="#">Find an event</a></li>
    <li><a href="#">Organise your own event</a></li>
    <li><a href="#">About us</a></li>
    <li><a href="#">Contact us</a></li>
  </ul>
  <ul class="pull-right secondary">
    <li class="blue-item"><a href="#">Donate</a></li>
    <li class="green-item"><a href="#"><span class="mob-hide">Get your </span>fundraising pack</a></li> 
  </ul>
</nav>

**更新它似乎仅在移动设备上查看时有效，它在浏览器中可以正常工作吗？

Answer 1

在第3行尝试a.stopPropagation()而不是a.preventDefault()

JQuery Dropdown菜单在点击下降时“立即”关闭？

1 个答案: