无法获得bootstraps下拉列表

我检查了我的JavaScript文件，我想我有所有正确的。但我没有得到任何东西下拉。无法获得bootstraps下拉列表

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet"> 
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 

... 
     <div class="span3"><center>  
     <a href="#" class="btn btn-success dropdown-toggle" data-toggle="dropdown">Buy A Contract</a> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Hello World</a></li> 
      <li><a href="#">Why am I not seeing this?</a></li> 

     </ul> 
     </div> 

     </center> 
     </div> 
...

来源

2013-03-09 Chase Roberts

你还有问题吗？确保jquery在任何插件如bootstrap之前加载。其他一切都很好。 – 2013-03-09 04:23:50

我的结构也有点偏离。在我包含jQuery之后，它会弹出浏览器的底部角落。我认为现在全部整理出来了。 – 2013-03-09 14:54:23

Jquery很重要，可以在页面上的其他脚本之前声明。在头部每个脚本之前插入下面一行：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

但你也有错误的语法来创建一个下拉菜单。它必须如下所示：

 <ul class="nav"> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
      <li class="dropdown"> <!-- this is the item where your dropdown menu will popup--> 
      <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a> 

     <ul class="dropdown-menu"><!-- your drop-down -menu--> 
      <li><a href="#">nav1</a> 
      </li> 
      <li><a href="#">nav2</a> 
      </li> 
     </ul><!-- dropdown menu ends--> 
     </li><!-- li with dropdown ends--> 
    </ul><!-- Main nav ends-->

来源

2013-03-09 03:38:38 Shail

看起来像一个显而易见的问题：没有jQuery的参考。此外，由于包括了此：

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>

你不需要引用bootstrap-dropdown.js（最小文件包含所有插件）。

编辑：

需要明确的是，你需要有一个脚本标记指向引导引用以前在什么地方jQuery库的副本，让你的头应该类似于：

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet"> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>

由于您链接到旧版本的Bootstrap，因此您可能需要退回jQuery版本。如果您从Bootstrap源获得错误，请将jQuery版本更改为1.8.3。

来源

2013-03-09 03:34:53

是否有我缺少的jQuery文件？ – 2013-03-09 03:38:42

@ChaseRoberts是的 - 引导建立在jQuery上，所以你需要在Bootstrap脚本引用之前包含它。 – 2013-03-09 03:41:03

无法获得bootstraps下拉列表

回答

相关问题