1

事前にお手伝いをしてくれてありがとう!twitter bootstrapドロップダウンがdjangoテンプレートで動作していません

私の問題は、Twitterのブートストラップのドロップダウンメニュー(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

答えて

6

スイッチあなたの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--> 
+0

ありがとうございます。 –

0

ジョンとして私は実際に行を変更する必要があったと言った。いくつかの魔法の理由のために(それはまだ分からない!)それは設定されていないブレークポイントで壊れていたので、jqueryはロードされていませんでした。 ブラウザを再起動すると、ブラウザが正常に機能しました。

2

最後のバージョンのjquery(1.7)を使用する必要があります。

+0

それもうまくいきませんでした。私は1.7.1に切り替えた後、コードの冒頭で壊れてしまいます...私は基本的に私のクロームを再起動する必要がありました。 –

+0

それは1.8.3で私のために働いた –

関連する問題