Zurb基金會6：下拉菜單按鈕和鏈接不工作

我已經下載了基礎6，壓縮文件夾自帶foundation.js，foundation.min.js的jquery.js，foundations.css，foundation.min.css。我嘗試實施的下拉按鈕，但是，他們沒有工作，我不知道爲什麼。Zurb基金會6：下拉菜單按鈕和鏈接不工作

<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
     <title>Home</title> 
     <link rel="stylesheet" href="../css/foundation.css"/> 
     <script src="../js/vendor/jquery.js"></script> 
     <script src="../js/vendor/foundation.js"></script> 
    </head> 

    <body> 
     <script>$(document).foundation();</script> 
     <button href="#" data-dropdown="drop1" aria-controls="drop1" aria-expanded="false" class="button dropdown">Dropdown Button</button><br> 
     <ul id="drop1" data-dropdown-content class="f-dropdown" aria-hidden="true"> 
      <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> 
    </body> 
</html>

我真的不知道爲什麼這不起作用。請幫幫我！

（注：上面的下拉菜單的代碼是從公報文檔站點http://foundation.zurb.com/sites/docs/v/5.5.3/components/dropdown_buttons.html提取物）

來源

2016-11-24 Carlos Giovano