因此,我试图使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>
它只是无法正常工作,有人能看到任何问题吗?
您指的是错误的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,但是您仍然需要包含bootstrap css和js(我还更新了小提琴): https://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap-dropdown.js
见小提琴
另外-我看到您使用的是RoR,因此请确保它不是丢失的JS文件顶部的RoR问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句