twitter bootstrap discesa non funziona in Django modello

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

Domanda

Grazie per cercare di aiuto in anticipo!

Il mio problema è che Twitter menu a discesa di bootstrap (per barra di navigazione) non funziona per me e sono molto perso ora. Il mio codice di intestazione (quindi sì, io includo loro .js e lo chiamo): 

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

La voce di menu che è supponiamo di avere a discesa: 

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

Grazie ancora,

blargie-bla

È stato utile?

Soluzione

Passa l'ordine dei js comprende in modo jQuery viene caricato prima. 

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

Altri suggerimenti

è necessario utilizzare l'ultima versione di jQuery (1.7)

Come John Ho detto che in effetti bisogno di cambiare le linee. Per qualche motivo magica (ancora non so perché!) Si stava rompendo i punti di interruzione che non sono stati ancora fissati e, di conseguenza jquery non era carico. Dopo il riavvio del browser, ha funzionato.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top