所以我试图让Twitter Bootstrap的导航栏中的下拉列表工作,我遇到了一些问题.
这是我的HTML:
<ul class="nav">
<li class="active"><%= link_to 'Home', root_path %></li>
<li><a href="#">Forums</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">World</a>
<ul class="dropdown-menu">
<li><%= link_to 'Current', current_path %></li>
<li><%= link_to 'All', all_path %></li>
</ul>
</li>
</ul>
我也有这个<head>:
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
它只是不起作用,任何人都可以看到它有什么问题吗？
Leo*_*eon 12
你指的是一个错误的JS文件.
而不是<script>您使用的标记,请使用以下内容:
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
你可以在这里阅读它
在<ul>类定义中,添加nav您想要使用的相关内容:
<ul class="nav nav-tabs">
----------------------------- ^^
要么
<ul class="nav nav-pills">
你也可以根据你的评论直接链接到bootstrap-dropdown.js,但是你需要引导css和js(我也更新了小提琴):
https://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap-dropdown.js
看小提琴
另外 - 我看到你使用RoR,所以确保它不是丢失的JS文件之上的RoR问题.