Twitter Bootstrap Button Dropdown ne pas tomber

J'essaie d'utiliser un simple bouton déroulant de la Bootstrap Twitter. Cependant, il est ne montre pas les options de liste déroulante. Le code est ci-dessous et voici un lien vers un violon: http://jsfiddle.net/nunos/DjHyQ/11/Twitter Bootstrap Button Dropdown ne pas tomber

EDIT: trouvé le problème. J'inclus le bootstrap.js dans le <head>. Une fois que je l'ai changé cette ligne au <body> que la documentation Twiiter Bootstrap dit en fait, cela a fonctionné tout de suite. Je ne pensais pas qu'il y avait une différence dans les scripts étant inclus dans le <head> ou dans le <body>. Maintenant je sais!

<div class="btn-toolbar" style="margin: 0;"> 
    <div class="btn-group"> 
     <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Separated link</a></li> 
     </ul>    
    </div> 
</div>

Source

2012-12-07 nunos

..Et votre violon n'a pas fonctionné puisque vous avez utilisé 'mootools 1.4.5' provoquant' TypeError: Impossible d'appeler la méthode 'create' de undefined', voici un version de travail en forme de fourche en utilisant 'jquery 1.7.2' http://jsfiddle.net/VG7G7/ – davidkonrad

Eh bien, le violon que vous avez envoyé ne fonctionne pas parce que vous n'avez pas sélectionné jquery (ce qui est nécessaire pour les widgets bootstrap) comme cadre (la boîte de sélection se trouve sur la barre latérale sur le côté droit de la page). Est-ce que vous chargez jquery dans votre code actuel?

Source

2012-12-07 15:54:40 RoryB

Je suis sûr. Je l'ai utilisé plusieurs fois dans le code. – nunos

Vous êtes tout à fait raison, j'ai oublié de l'inclure au violon, mais je suis notamment sur mon projet (testé!). Ne peut pas vraiment comprendre pourquoi il ne montre pas les options alors ... Ce – nunos

est étrange: une chance que vous pouvez poster l'en-tête de la page afin que nous puissions voir ce que vous chargez? – RoryB

Voici le travail fiddle, avec jQuery et Bootstrap chargé

<div class="btn-toolbar" style="margin: 0;"> 
    <div class="btn-group"> 
     <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> 
     <ul class="dropdown-menu" role="menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Separated link</a></li> 
     </ul>    
    </div> 
</div>

Source

2012-12-07 16:00:51 kd7

avez-vous changé autre chose, en plus d'inclure le jQuery dans le violon? – nunos

J'ai changé la classe de bouton Je ne pense pas que vous aviez dropdown-toggle – kd7

J'ai eu .. Le code que je copie et collez à partir du violon de travail dans mon projet ne me montre pas les options de liste déroulante. Et dans la même page, j'ai une barre de progression jQuery ui qui fonctionne, donc jQuery est définitivement inclus. Vraiment déconcerté à ce sujet en ce moment ... – nunos

Vous devez ajouter un menu déroulant classe à l'élément "ul".

<div class="btn-toolbar" style="margin: 0;"> 
    <div class="btn-group"> 
     <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> 
     <ul class="dropdown dropdown-menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Separated link</a></li> 
     </ul>    
    </div> 
</div>

Vous pouvez vérifier ici que cela fonctionne. http://jsfiddle.net/DjHyQ/13/

Source

2012-12-07 16:02:46 Ahmed

merci pour votre réponse, mais, si vous l'essayez avec ou sans l'option «dropdown» sur le ul, cela fonctionne tout de même. http://jsfiddle.net/nunos/DjHyQ/14/ – nunos

Donc le seul problème dans votre violon était que vous n'incluiez pas jQuery .. essayez ceci http://jsfiddle.net/nunos/DjHyQ/11/ en incluant jQuery et ça va marcher. – Ahmed

-2

Je pense que vous devez oublier de lier Jquery.js ou Bootstrap.js dans votre tête, ils sont tous les deux nécessaires. J'ai ce problème moi-même et le corrige avec ajouter ces deux lien de lien

Source

2013-06-14 08:18:48 Frank

La poste a déjà dit "jamais pensé qu'il y avait une différence dans les scripts étant inclus dans le ou dans le ", donc cette réponse est un peu redondant. – kgdesouz

Twitter Bootstrap Button Dropdown ne pas tomber

Répondre

Questions connexes