1

我正在尝试开发一个网站。到目前为止，我有 3 页，都具有相同的 top 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();  


    });

4

1 回答 1

2

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

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

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

于 2013-07-26T13:06:37.947 回答