为什么下拉菜单不起作用
Why isn't is the drop down menu working
我想知道为什么下拉菜单不起作用。当我单击下拉菜单时,它不会出现。我正在使用引导程序。请告诉我为什么它不起作用。
<li id="megamenuID" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
Categories
<b class="caret"></b>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<div >
<div class="row">
<div class="col-xs-6 col-sm-2">
<a class="thumbnail" href="#">
<img alt="150x190" src="http://placekitten.com/150/190/">
</a>
</div>
<div class="col-xs-6 col-sm-2">
<a class="thumbnail" href="#">
<img alt="150x190" src="http://placekitten.com/150/190/">
</a>
</div>
<div class="col-xs-6 col-sm-2">
<a class="thumbnail" href="#">
<img alt="150x190" src="http://placekitten.com/150/190/">
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a class="thumbnail" href="#">
<img alt="150x190" src="http://placekitten.com/150/190/">
</a>
</div>
<div class="col-xs-6 col-sm-2">
<a class="thumbnail" href="#">
<img alt="150x190" src="http://placekitten.com/150/190/">
</a>
</div>
<div class="col-xs-6 col-sm-2">
<a class="thumbnail" href="#">
<img alt="150x190" src="http://placekitten.com/150/190/">
</a>
</div>
</div>
</div>
</li>
</ul>
</li>
您是否在标头中包含bootstrap.js
脚本文件?它不起作用的主要原因是你要么没有包含它,要么你错误地输入了一些东西。
你能告诉我们你包含了哪些脚本吗?
另外,请在Mozilla上运行该页面(如果可能),打开控制台并在此处发布屏幕截图。我们将能够查看是否存在任何javascript
问题。
编辑:(基于OP的第一条评论)
据我所知,您已经包含了<script src="Scripts/jquery-1.9.1.js"></script>
,但没有包括bootstrap.js
文件。
像这样包含它:<script src="Scripts/bootstrap.js"></script>
,它应该可以工作。(当然,如果bootstrap.js
位于Scripts
文件夹中。如果它位于另一个文件夹中,请正确更改路径。
如果这不再起作用,请仅从 Mozilla 控制台进行屏幕截图,并向我们展示那里发生了什么。
编辑2:(基于OP的第一条评论)
此外,请删除以下两个之一:
-
<link href="Content/bootstrap.min.css" rel="stylesheet" />
-
<link href="Content/bootstrap.css" rel="stylesheet" />
您要么想使用缩小的bootstrap.min.css
,对于大型css
文件,最好使用min
版本,这样它就不会产生很多 trafic,或者您将使用non-minified
版本,即 bootstrap.css
.
相关文章:
- 我的下拉菜单中的链接不起作用
- Bootstrap下拉菜单不起作用
- WordPress下拉菜单在我的主题中不起作用
- 我尝试将引导下拉按钮添加到 但下拉菜单不起作用.我该怎么做
- Bootstrap下拉菜单不会'不起作用
- JS下拉菜单没有'不起作用
- WordPress和Bootstrap:下拉菜单不起作用
- 为什么我的引导程序的下拉菜单不起作用
- 网页按价格排序下拉菜单不起作用
- 单击单选按钮时不会禁用下拉菜单
- bootstrap/javascript下拉菜单在heroku上不起作用
- Zurb Foundation下拉菜单没有'不起作用
- Javascript下拉菜单不起作用
- 引导程序下拉菜单doen'不起作用
- 单击下拉菜单中的链接不起作用
- Javascript 下拉菜单 (wp_nav_menu) 不起作用
- 引导滚动间谍不起作用,导航菜单按钮导致标题重新加载
- JQuery 下拉菜单不会显示下拉菜单
- 纯css下拉菜单's子菜单滚动不显示多下拉菜单
- 为什么我的AJAX请求不能从下拉菜单中获得正确的值?