无法让twitter引导导航栏正常工作？

Question

我看了一大堆教程，在这里我读了一大堆问题的答案。我搞不懂发生了什么事。我将依次链接到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-->

如果任何人有任何想法，请告诉我。

Answer 1

您应该只链接bootstrap.js或bootstrap-dropdown.js。显然，这可能会造成一些冲突，因为这是我唯一需要改变的事情。然而，我之前已经做到了这一点，没有问题。

Answer 2

一个非常常见的问题是您加载javascript文件的顺序。你必须在引导javascript文件之前加载jquery。CSS文件顺序无关紧要。

编辑

当我复制粘贴您的代码，并将此行中的href从"/signup/index“更改为”#“时，它起作用了……

<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Login<b class="caret"></b></a>

你看..。

​

启动菜单通过点击激活(而不是悬停)，如果链接实际上指向某个地方，它将跳过下拉菜单，而不是导航。

Answer 3

我也遇到过类似的问题，当我点击导航栏下拉菜单时，它没有反应。我试图在我的设计中采用http://twitter.github.io/bootstrap/examples/starter-template.html。

归根结底，这个问题缺少jquery.js。

下面是查找jquery.js的代码片段。

<!-- Placed at the end of the document so the pages load faster -->
<script src="../assets/js/jquery.js"></script>
<script src="../assets/js/bootstrap-transition.js"></script>
<script src="../assets/js/bootstrap-alert.js"></script>

在我将丢失的jquery.js复制到正确的文件夹后，一切工作正常。