Top Bar Drop Down不能在基金會工作6.2.4

嘗試首次在此網站上實施下拉菜單，並且一直存在問題。可能是我錯過的東西，但我已經看了一會兒，看不到有什麼問題！Top Bar Drop Down不能在基金會工作6.2.4

下面是代碼的我的網頁上覆制（這是我從這裏複製：https://foundation.zurb.com/sites/docs/top-bar.html）：

2016-12-02 Nathan English

 <div class="top-bar"> 

     <div class="top-bar-title"> 
<span data-responsive-toggle="responsive-menu" data-hide-for="medium" style="display: none;"> 
<button class="menu-icon dark" type="button" data-toggle=""></button> 
</span> 
      <Strong>Polaris CI Performance Board</Strong> 
     </div> 
     <div id="responsive-menu"> 
      <div class="top-bar-left"> 
       <ul class="dropdown menu" data-dropdown-menu> 
        <li> 
         <a href="#">One</a> 
         <ul class="menu vertical"> 
          <li><a href="#">One</a></li> 
         </ul> 
        </li> 
        <li role="menuitem"><a href="#">Two</a></li> 
        <li role="menuitem"><a href="#">Three</a></li> 
       </ul> 
      </div> 
      <div class="top-bar-right"> 
      </div> 
     </div> 

    </div>

你可以從截圖中的下拉沒有看到壓縮

下拉菜單（或任何使用JavaScript的組件，您可以通過數據屬性識別）需要在頁面上初始化Foundation JavaScript。你的截圖看起來像這樣沒有運行...確保你的<body>標籤的底部出現了

<script src="js/vendor/jquery.min.js"></script> 
<script src="js/foundation.min.js"></script> 
<script> 
    $(document).foundation(); 
</script>

見例如http://foundation.zurb.com/sites/docs/installation.html#html-starter-template

來源

2016-12-02 22:41:07 kball

完美！感謝那！ :) –

Top Bar Drop Down不能在基金會工作6.2.4

回答

相關問題