Zurb Foundation - 下拉菜单不起作用答案

【问题标题】：Zurb Foundation - dropdown not workingZurb Foundation - 下拉菜单不起作用
【发布时间】：2016-10-12 08:55:39
【问题描述】：

我正在使用新的 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>

我在控制台中没有收到任何错误，我在其他项目中也有相同的设置，可以正常工作，所以我不知道它有什么问题。

【问题讨论】：

把你的代码放在一个小提琴中。您没有表明您的 css 包含在您的示例中，让我们看看您在做什么可能会导致问题。

标签： javascript css zurb-foundation-6