Zurb Foundation 6：ドロップダウンボタンとリンクが機能しません

私はFoundation 6をダウンロードしました。このzipフォルダにはfoundation.js、foundation.min.js jquery.js、foundations.css、foundation.min.cssが付属しています。私はドロップダウンボタンを実装しようとするが、彼らは動作していないと私は理由を知らない。Zurb Foundation 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>

なぜこれが機能しないのかわかりません。私を助けてください！

（注：ドロップダウン・コードは上記oficialドキュメントサイトhttp://foundation.zurb.com/sites/docs/v/5.5.3/components/dropdown_buttons.htmlから抽出した）が、基礎6コアファイルに、あなたは基礎5.5.3に関連するコードを使用している

出典

2016-11-24 Carlos Giovano