DropDown列出問題ZURB基礎

單擊該按鈕不會創建下拉列表，因爲我相信它應該。有誰知道我在這裏做錯了什麼，或者爲什麼它可能不工作？DropDown列出問題ZURB基礎

<!doctype html> 
 
<html class="no-js" lang="en"> 
 
<meta charset="" /> 
 
<meta name="viewport" content="width=device-width, initial-scaler=1.0" /> 
 
<script src="js/foundation/foundation.dropdown.js"></script> 
 
<script src="js/foundation/foundation.js"></script> 
 
<link rel="stylesheet" href="css/foundation.css" /> 
 
<body> 
 
<div class="row"> 
 
    <div class="column"> 
 
     <a href="#" class="button dropdown" data-dropdown="drop1">dropdown</a> 
 
    </div> 
 
</div> 
 
    <ul class="f-dropdown" data-dropdown-content id="drop1"> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
    </ul> 
 

 

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

來源

2015-08-13 Anthony Uzzanti

你沒有jQuery的裝，另外，什麼是錯的與你的CSS/JS文件，仔細檢查你的路徑。

<!doctype html> 
 
<head> 
 
    <html class="no-js" lang="en"> 
 
    <meta charset="" /> 
 
    <meta name="viewport" content="width=device-width, initial-scaler=1.0" /> 
 

 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.css" rel="stylesheet"/> 
 
</head> 
 
    <body> 
 
    <div class="row"> 
 
     <div class="column"> 
 
     <a href="#" class="button" data-dropdown="drop">Link Dropdown &raquo;</a> 
 
    <ul id="drop" class="tiny f-dropdown" data-dropdown-content> 
 
     <li><a href="#">This is a link</a></li> 
 
     <li><a href="#">This is another</a></li> 
 
     <li><a href="#">Yet another</a></li> 
 
    </ul> 
 
      </div> 
 
    </div> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.js"></script> 
 
     <script> 
 
     $(document).foundation(); 
 
     </script> 
 
    </body> 
 
    </html>

來源

2015-08-13 18:07:25 Mintberry

head標籤也不翼而飛。這將是很好的添加它。 – Olga

@Olga你是正確的，已更新。 – Mintberry

我看着鏈接，它確實顯示他們不工作，我用你的腳本鏈接到一個網站，一切都開始正常工作。事情是我的路徑是正確的，我正在使用類似的路徑（以及接收一個錯誤）鏈接圖像，但圖像顯示正確的地方，因爲鏈接的腳本不起作用。 –

DropDown列出問題ZURB基礎

回答

相關問題