Twitter Bootstrap下拉菜单不显示

Question

我正在尝试开发一个网站。到目前为止，我有3页，所有顶部navbar。我在想，为什么不能像其他人一样工作。我确信我已经安装了需要安装的所有东西，但菜单不起作用。我究竟做错了什么？注意：我正在使用Django。

<!-- HTML --> 
<ul class="nav nav-pills"> 
     <li class="dropdown" id="menu1"> 
     <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1"> 
      Meet the Team 
      <i class="icon-user"></i> 
     </a> 
     <ul class="dropdown-menu" role="menu"> 
      <li><a href="{% url 'users:team' %}">Lead Developers</a></li> 
      <li><a href="{% url 'users:team' %}">Developers</a></li> 
      <li><a href="{% url 'users:team' %}">Contributors</a></li> 
     </ul> 
     <li class="dropdown" id="menu2"> 
     <a class="dropdown-toggle" data-toggle="dropdown" href="#menu2"> 
      Choose Your Plan 
      <i class="icon-shopping-cart"></i> 
     </a> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Protection Plans</a></li> 
      <li><a href="#">Assistence Plans</a></li> 
      <li class="divider"></li> 
      <li><a class="disable" href="#">Learn About Busness</a></li> 
     </ul> 
     </li> 
     <li> 
     <a href="{% url 'users:question' %}"> 
      Post a Question 
     <i class="icon-globe"></i> 
     </a> 
     </li> 
     <li> 
     <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
      Visit Us 
      <i class="icon-plane"></i> 
     </a> 
     </li> 
    </li> 
    </ul> 

<!-- Javascript --> 

<script language="javascript" type="text/javascript" src="{{ STATIC_URL }}js/jquery.js"> </script> 

<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script> 

<script src="{{ STATIC_URL }}js/jquery.flot.js"></script> 
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.dropdown-toggle').dropdown(); 


    }); 

Answer 1

你在你的代码3个'.dropdown-toggle'链接。您可以一次切换其中之一：

$(document).ready(function() { 
    $('.dropdown-toggle').eq(0).dropdown('toggle'); 
}); 

工作小提琴：http://jsfiddle.net/hieuh25/fzNjJ/