Twitter引导下拉下拉不适用于Django模板

StackOverflow https://stackoverflow.com/questions/9300663

题

感谢您尝试提前提供帮助！

我的问题是Twitter Bootstrap的下拉菜单（对于Navbar）对我不起作用，现在我非常迷路了。我的标题代码（是的，我确实包括他们的.js并称之为）：

<head>
  <title>{% block title %}User test{% endblock %}</title>
  <!--for IE6-8 support of HTML elements -->
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script><!--dropdown addon-->
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><!--jquery-->
  <script type="text/javascript">
        $(document).ready(function(){
        $('.dropdown-toggle').dropdown();
    });
   </script>

   <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}style.css" /><!--link to my style.css-->
   <link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" /><!--link to bootstrap's css-->

假设有下拉菜单项：

     <ul class="nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        {% trans "Logged in" %}: {{ user.username }} 
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="{% url auth_password_change %}">{% trans "Change password" %}</a></li>
                        <li><a href="{% url auth_logout %}">{% trans "Log out" %}</a></li>
                    </ul>
                </li>
                <li><a href="/upload/">{{ "Upload your CVS" }}</a></li>
                <li><a href="/settings/">{% trans "Settings" %}</a></li>
      </ul>

再次感谢，

Blargie-bla

有帮助吗？

解决方案

切换JS包含的顺序，以便首先加载jQuery。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><!--jquery-->
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script><!--dropdown addon-->

其他提示

您必须使用jQuery的最后版本（1.7）

正如约翰所说，我确实需要改变线路。出于某种神奇的原因（仍然不知道为什么！），它在突破点上闯入，甚至没有设置，因此JQuery没有加载。重新启动浏览器后，它起作用了。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top