1

我检查了我的 javascript 文件，我认为我拥有所有正确的文件。但我没有得到任何下拉。

<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>
...
4

2 回答 2

2

看起来像一个明显的问题：没有 jQuery 参考。另外，由于您包含以下内容：

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

您不需要参考bootstrap-dropdown.js（最小文件包含所有插件）。

编辑：

需要明确的是，在 Bootstrap 引用之前，您需要有一个脚本标记指向 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>

您可能需要支持 jQuery 版本，因为您正在链接到旧版本的 Bootstrap。如果您从 Bootstrap 源代码中收到错误，请将 jQuery 版本更改为1.8.3.

于 2013-03-09T03:34:53.490 回答
1

在页面上的所有其他脚本之前声明 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-09T03:38:38.350 回答