twitter引导下拉菜单不工作在Django模板

我的问题是，twitter引导程序的下拉菜单（对于导航栏）不适用于我，我现在很迷路。我的头码（所以是的，我也有自己的.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

来源

2012-02-15 blargie-bla

切换js的顺序包括jQuer y首先被加载。

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

来源

2012-02-15 20:42:24

谢谢，但它仍然无法正常工作：/但谢谢！ – 2012-02-16 09:22:27

正如约翰说，我确实需要改变线条。出于某种神奇的原因（仍然不知道为什么！）它在没有设置的断点处突破，因此jquery没有加载。重新启动浏览器后，它工作。

来源

2012-02-16 11:41:27

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

来源

2012-02-16 18:33:43 prestarocket

它也没有工作。我确实切换到了1.7.1，然后它会在代码的开头就打破了......我基本上需要重新启动我的chrome。 – 2012-02-17 11:47:06

它对1.8.3有帮助 – 2013-01-13 01:24:33

twitter引导下拉菜单不工作在Django模板

回答

相关问题