ファンデーション6 - クリックしたときにドロップダウンアイテムがアクティブにならない

Question

コンテキスト：ファンデーション6（docsに続く）を使用してトップバーメニューを作成しました。これは、大きな画面に水平に表示され、中と下。子供がいるアイテムが1つあり、大きなスクリーンにはドロップダウンとして表示され、中画面やそれ以下のドリルダウンメニューとして表示されます。

私はZurb 'Yeti Launch'アプリを使用してサイトを作成しました。私が知る限り、すべてのjsライブラリが含まれています。

問題：ドロップダウンの親またはいずれかの子アイテムがクリックされても何も起こりません。これの底に手をつけてください。次のようにメニューの

私の値下げは、次のとおりです。

<div class="top-bar" id="main-menu"> 
    <div class="row"> 
     <div class="large-12 columns"> 
     <div class="top-bar-left"> 
      <ul class="menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown"> 
      <li><a href="/index.html">Home</a></li> 
      <li><a href="#">What's On</a></li> 
      <li><a href="/listen-again.html">Listen Again</a></li> 
      <li><a href="#">Community</a></li> 
      <li> 
       <a href="/brochure.html">About</a> 
       <ul class="menu vertical"> 
       <li><a href="/presenters.html">Presenters</a></li> 
       <li><a href="">Volunteers</a></li> 
       <li><a href="">The Board</a></li> 
       </ul> 
      </li> 
      <li><a href="/brochure.html">Get Involved</a></li> 
      <li><a href="/contact.html">Contact</a></li> 
      </ul> 
     </div> 
     </div> 
    </div> 
    </div> 

Answer 1

あなたは、initのコードを追加しましたか？

$(document).foundation(); 

提供したのと同じHTMLのCodePenの例が機能しました。 http://codepen.io/shoaibik/pen/PNravB

更新： それはあなたがapp.jsファイルの2時間財団JSとjQueryと呼ばれることができ同類を見て、インスタンスいったん削除して、もう一度ご確認ください。