Zurb Foundation - ドロップダウンが動作しない

Question

新しいFoundationバージョン6.2.2を使用していて、トップバーにドロップダウンメニューを作成しようとしています。私はこのようなスクリプト呼び出しています：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js" integrity="sha384-I6F5OKECLVtK/BL+8iSLDEHowSAfUo76ZL9+kGAgTRdiByINKJaqTPH/QVNS1VDb" crossorigin="anonymous"></script> 
<script src="https://cdn.jsdelivr.net/foundation/6.2.3/foundation.min.js"></script> 
<script>$(document).foundation();</script> 
<script src="{{ asset('js/app.js') }}"></script> 

をそして、これは私がドロップダウンメニューを持っている私の見解である：

<div class="top-bar"> 
    <div class="top-bar-left"> 
     <ul class="menu"> 
     <li><a class="btn btn-link" href="{{ url('/') }}"><img src="{{ asset('/img/logo.svg') }}" alt="logo"></a></li> 
     </ul> 
    </div> 
    <div class="top-bar-right"> 
    <ul class="dropdown menu" data-dropdown-menu> 
     <li> 
      <img src="{{ asset('/img/gear.svg') }}" alt="settings"> 

      <ul class="menu vertical"> 
      <li><a href="">{{ Auth::user()->first_name }} {{ Auth::user()->last_name }}</a></li> 
      <hr> 
      <li> 
       <a href="/auth/logout">Logg ut</a> 
      </li> 
      </ul> 
     </li> 
    </ul> 
    </div> 
</div> 

私は、コンソールにエラーを取得していない、と私は他で同じ設定を持っていますプロジェクトはうまく動作するので、何が間違っているのか分かりません。

Answer 1

は、CSSを含めることを忘れないでください：

（6.2.2） https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.2/foundation.min.css

（6.2.3） https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation.min.css