0
我正在使用新的基礎版本6.2.2並嘗試在我的頂欄中製作下拉菜單。我打電話這樣的腳本:Zurb基金會 - 下拉不起作用
<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包含在你的例子中,讓我們看看你在做什麼,可能會導致一個問題。 –