无法获得twitter bootstrap导航栏的工作？

我已经浏览了一大堆教程，并且在这里阅读了一堆关于问题的答案。我无法弄清楚发生了什么事。我按顺序链接到bootstrap.css，bootstrap-responsive.css，bootstrap.js，jquery和bootstrap-dropdown.js。当我点击页面源代码中的每一个时，它显示正确。然而，当我点击下拉菜单时，没有任何反应。这里的HTML代码为：无法获得twitter bootstrap导航栏的工作？

<!--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-->

如果任何人有任何想法，让我知道。

来源

2012-07-22 Scott Fink

你有没有在线失败的例子？你可以用jsfiddle.net或jsbin.com来说明问题吗？ – Chris 2012-07-22 03:20:40

您应该只链接任何bootstrap.js或bootstrap-dropdown.js。显然，它可能会造成一些冲突，因为这是我必须改变的唯一事情。不过，我以前没有做过这样的事情。

来源

2012-07-24 15:18:20

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

编辑

它工作时，我复制粘贴你的代码，并在此行中，从 “/注册/指数”，以 “＃” 改为在href ...

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

见... enter image description here

引导菜单通过单击（而不是悬停）进行激活，并且如果链接实际导致某处，它将跳过删除菜单并导航。

来源

2012-07-22 03:20:24 Theo

我改变了顺序，结果相同。它只是链接到/注册/索引。 – 2012-07-22 03:22:53

不知道那时是什么问题。这是让我疯狂 – 2012-07-22 03:41:29

嗯，我只是将该文件移动到我的CodeIgniter设置之外，它工作。我想知道那是什么原因？ – 2012-07-22 03:44:23

我有一个类似的问题，其中navbar下拉列表不会反应，当我点击它。我试图在我的设计中采用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复制到正确的文件夹后，一切正常。

来源

2013-04-23 23:49:00

引导导航酒吧模板与阵营：

类似问题与下拉移动视图不会一下下拉down..Just缺少的行我从W3C了.. AJAX失踪：

Reference____ https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar_collapse&stacked=h

下面的代码进去你的HTML标题

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

来源

2017-05-04 19:21:11

无法获得twitter bootstrap导航栏的工作？

回答

相关问题