トップバーのドロップダウンがファンデーション6.2.4で動作しない

このサイトで初めてドロップダウンを実装しようとしていて、問題が発生しました。おそらく私が見逃したことがあったかもしれませんが、私はしばらくそれを見ていて何が間違っているのか分かりません！トップバーのドロップダウンがファンデーション6.2.4で動作しない

出典

2016-12-02 Nathan English

：あなたはドロップダウンが圧縮されていませんスクリーンショットから見ることができるように

 <div class="top-bar"> 

     <div class="top-bar-title"> 
<span data-responsive-toggle="responsive-menu" data-hide-for="medium" style="display: none;"> 
<button class="menu-icon dark" type="button" data-toggle=""></button> 
</span> 
      <Strong>Polaris CI Performance Board</Strong> 
     </div> 
     <div id="responsive-menu"> 
      <div class="top-bar-left"> 
       <ul class="dropdown menu" data-dropdown-menu> 
        <li> 
         <a href="#">One</a> 
         <ul class="menu vertical"> 
          <li><a href="#">One</a></li> 
         </ul> 
        </li> 
        <li role="menuitem"><a href="#">Two</a></li> 
        <li role="menuitem"><a href="#">Three</a></li> 
       </ul> 
      </div> 
      <div class="top-bar-right"> 
      </div> 
     </div> 

    </div>

：以下

は（ https://foundation.zurb.com/sites/docs/top-bar.html私はここからコピーした）私のページのコードをコピーしています

ドロップダウンメニュー（またはデータ属性で識別できるJavaScriptを使用するコンポーネント）では、ページ上でFoundation JavaScriptを初期化する必要があります。これはあなたが

<script src="js/vendor/jquery.min.js"></script> 
<script src="js/foundation.min.js"></script> 
<script> 
    $(document).foundation(); 
</script>

例えば参照を持っているあなたの<body>タグの下にあることを確認してください...実行されていないようにあなたのスクリーンショットが見えますhttp://foundation.zurb.com/sites/docs/installation.html#html-starter-template

出典

2016-12-02 22:41:07 kball

完璧！ありがとう！ :) –

トップバーのドロップダウンがファンデーション6.2.4で動作しない

答えて

関連する問題