我看了一堆教程,我读了一堆问题的答案。我搞不清发生了什么事。我按顺序链接到bootstrap.css、bootstrap-responsive.css、bootstrap.js、jquery和bootstrap-dropdown.js。当我从页面源中单击每一个时,它都会正确显示。但是,当我单击下拉列表时,什么也没有发生。下面是html代码:
<!--begin bootstrap navbar-->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li><a href="/signup/index">Sign Up</a></li>
<li class="dropdown">
<a href="/signup/index" class="dropdown-toggle" data-toggle="dropdown">Login<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/mypage">my page</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!--/end bootstrap navbar-->
如果有人有任何想法,请告诉我。
最佳答案
一个非常常见的问题是加载javascript文件的顺序。在引导javascript文件之前必须加载jquery。CSS文件顺序无关紧要。
编辑
当我复制粘贴了您的代码,并将此行的ref从“/signup/index”更改为“#”时,它起作用了。。。
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Login<b class="caret"></b></a>
看。。。
引导菜单通过单击(而不是悬停)激活,如果链接实际指向某个地方,它将跳过下拉菜单并进行导航。