Zurb基金会-下拉菜单不起作用
Zurb Foundation - dropdown not working
我正在使用新的基础版本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:
(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
相关文章:
- 我的下拉菜单中的链接不起作用
- Bootstrap下拉菜单不起作用
- WordPress下拉菜单在我的主题中不起作用
- 我尝试将引导下拉按钮添加到 但下拉菜单不起作用.我该怎么做
- Bootstrap下拉菜单不会'不起作用
- JS下拉菜单没有'不起作用
- WordPress和Bootstrap:下拉菜单不起作用
- 为什么我的引导程序的下拉菜单不起作用
- 网页按价格排序下拉菜单不起作用
- 单击单选按钮时不会禁用下拉菜单
- bootstrap/javascript下拉菜单在heroku上不起作用
- Zurb Foundation下拉菜单没有'不起作用
- Javascript下拉菜单不起作用
- 引导程序下拉菜单doen'不起作用
- 单击下拉菜单中的链接不起作用
- Javascript 下拉菜单 (wp_nav_menu) 不起作用
- 引导滚动间谍不起作用,导航菜单按钮导致标题重新加载
- JQuery 下拉菜单不会显示下拉菜单
- 纯css下拉菜单's子菜单滚动不显示多下拉菜单
- 为什么我的AJAX请求不能从下拉菜单中获得正确的值?