基金會Zurb下拉不起作用

我剛剛下載了Foundation 5 CSS框架並複製了本教程的代碼，但下拉菜單似乎不起作用，以及「移動」視圖中的菜單。基金會Zurb下拉不起作用

我的代碼：

<html> 
<head> 
    <link rel="stylesheet" href="css/foundation.css" /> 
    <script src="js/vendor/modernizr.js"></script> 
    <script src="js/vendor/jquery.js"></script> 
    <script src="js/foundation/foundation.js"></script> 
    <script src="js/foundation/foundation.dropdown.js"></script> 
    <script src="js/foundation/foundation.topbar.js"></script> 
    <script> $(document).foundation(); </script> 
</head> 

<body> 
<!-- header --> 
<nav class="top-bar" data-topbar> 
    <ul class="title-area"> 
    <li class="name"> 
     <h1><a href="#">My Site</a></h1> 
    </li> 
    <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li> 
    </ul> 

    <section class="top-bar-section"> 
    <!-- Right Nav Section --> 
    <ul class="right"> 
     <li class="active"><a href="#">Right Button Active</a></li> 
     <li class="has-dropdown"> 
     <a href="#">Right Button Dropdown</a> 
     <ul class="dropdown"> 
      <li><a href="#">First link in dropdown</a></li> 
     </ul> 
     </li> 
    </ul> 

    <!-- Left Nav Section --> 
    <ul class="left"> 
     <li><a href="#">Left Nav Button</a></li> 
    </ul> 
    </section> 
</nav> 

</body> 
</html>

任何人有，爲什麼它不工作的任何想法？

來源

2014-04-03 user20

指定<！DOCTYPE HTML！>而不是標籤 – chinmayahd

還是一樣.. – user20

是否有您的瀏覽器代碼顯示的錯誤檢查？ – Yako

嘗試從頭部到身體下方移動代碼：

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

來源

2014-06-23 06:27:22 woany

這應該更好地記錄。我看了基金會的文件，我沒有意識到這是使基金會JS的一部分工作的必要步驟.. – PMunch

我有這個相同的問題。 [docs]（http://foundation.zurb.com/sites/docs/javascript.html）還指定您應該在結束處的''之前包含javascript（而不是在標題中或在開頭「」之後））。這給我留下了''。 – MuffinTheMan

基金會Zurb下拉不起作用

回答

相關問題