顶部栏中的下拉菜单在发射前关闭mousedown

Question

我有一个顶栏，其中包含一个下拉菜单，其中包含当前用户帐户的链接（例如Dashboard，Sign out等）。每个菜单项都包含指向相对URL的链接。

打开菜单工作正常，但只要我点击一个项目，菜单关闭，没有任何反应。

我查找了点击和mousedown事件处理程序，但无法找到任何看起来会导致此问题的内容。

任何人对此有想法？

下面是相关的HTML代码：

<div class="contain-to-grid nav-wrapper"> 
    <nav data-topbar="data-topbar" role="navigation" class="top-bar"> 
     <ul class="title-area"> 
     <li class="name"> 
      <h1><a href="/">Site name</a></h1> 
     </li> 
     </ul> 
     <section data-hook="user-info" class="top-bar-section"> 
     <ul class="right"> 
      <li class="has-dropdown"> 
       <a href="#" data-hook="account-menu" class="external-link">username</a> 
       <ul class="dropdown"> 
        <li><a href="/app/dashboard">Dashboard</a></li> 
        <li><a href="/auth/logout" class="external-link">Sign out</a></li> 
       </ul> 
      </li> 
     </ul> 
     </section> 
     <section class="top-bar-section"> 
     <ul class="right"> 
      <li><a href="/features">Link 1</a></li> 
      <li><a href="/pricing">Link 2</a></li> 
      <li><a href="/support">Link 3</a></li> 
     </ul> 
     </section> 
    </nav> 
</div> 

而其琴：https://jsfiddle.net/a3qrhg5a/

Answer 1

你才有可能忘了，包括jQuery的和初始化基金会JS

例如：

<script src="js/vendor/jquery.js"></script> 
    <script src="js/foundation/foundation.js"></script> 

    <script> 
     $(document).foundation(); 
    </script> 

这是你的小提琴。修正： https://jsfiddle.net/bartholomej/nxgjqtw4/5/