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