頂部欄中的下拉菜單在發射前關閉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/