Twitter Bootstrap Button Dropdown nicht fallen

Ich versuche, eine einfache Dropdown-Taste aus dem Twitter Bootstrap verwenden. Die Dropdown-Optionen werden jedoch nicht angezeigt. Der Code ist unten und hier ist ein Link zu einer Geige: http://jsfiddle.net/nunos/DjHyQ/11/Twitter Bootstrap Button Dropdown nicht fallen

EDIT: fand das Problem. Ich habe die bootstrap.js in die <head> aufgenommen. Sobald ich diese Zeile zu <body> änderte, wie die Twiiter Bootstrap Dokumentation tatsächlich sagt, hat es sofort funktioniert. Ich hätte nie gedacht, dass es einen Unterschied in den Skripten geben würde, die in der oder in der <body> enthalten sind. Jetzt weiß ich!

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

Quelle

2012-12-07 nunos

..Und Ihre Geige funktionierte nicht, da Sie 'mootools 1.4.5' verwendeten, das verursacht' TypeError: Kann Methode "create" von undefined nicht nennen, hier ist a gegabelt arbeiten Version mit 'jquery 1.7.2' http://jsfiddle.net/VG7G7/ – davidkonrad

Nun, die Geige Sie auf dem Laufenden funktioniert nicht, weil Sie jquery nicht ausgewählt haben (die für die Bootstrap-Widgets erforderlich ist) als Rahmen (das Auswahlfeld in der Seitenleiste auf der rechten Seite der Seite ist). Laden Sie jquery in Ihren tatsächlichen Code?

Quelle

2012-12-07 15:54:40 RoryB

Ich bin sicher. Ich habe es viele Male im Code verwendet. – nunos

Sie haben völlig Recht, ich habe vergessen, es auf die Geige aufzunehmen, aber ich bin es in meinem Projekt (getestet!). Kann nicht wirklich verstehen, warum es die Optionen dann nicht zeigt ... – nunos

Das ist seltsam: jede Chance, die Sie die Seitenkopfzeile veröffentlichen könnten, damit wir sehen können, was Sie laden? – RoryB

Hier ist die Arbeits fiddle, mit jQuery und Bootstrap geladen

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

Quelle

2012-12-07 16:00:51 kd7

hast du etwas anderes verändert, außer die jQuery in die Geige zu integrieren? – nunos

Ich änderte die Schaltfläche Klasse Ich glaube nicht, dass Sie Drop-Down-Toggle – kd7

hatte ich .. Der Code, den ich kopiere und Einfügen von der Arbeitsgeige in mein Projekt zeigt mir nur die Dropdown-Optionen. Und auf der gleichen Seite habe ich eine jQuery ui Fortschrittsbalken arbeiten, so dass jQuery definitiv enthalten ist. Wirklich verwirrt über das gerade jetzt ... – nunos

Sie müssen eine Klasse Dropdown zum "ul" Element hinzufügen.

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

Sie können hier überprüfen, es funktioniert. http://jsfiddle.net/DjHyQ/13/

Quelle

2012-12-07 16:02:46 Ahmed

danke für Ihre Antwort, aber, wenn Sie es mit oder ohne die "Dropdown" -Option auf der UL versuchen, funktioniert es genau das gleiche. http://jsfiddle.net/nunos/DjHyQ/14/ – nunos

Also das einzige Problem in Ihrer Fidel war, dass Sie nicht jQuery enthalten .. versuchen Sie dies http://jsfiddle.net/nunos/DjHyQ/11/ durch Einbeziehung von jQuery und es wird funktionieren. – Ahmed

-2

Ich denke, dass Sie vergessen müssen, Jquery.js oder Bootstrap.js in Ihrem Kopf zu verknüpfen, sie beide werden benötigt. Ich habe dieses Problem selbst und repariere es mit addieren Sie diese zwei Skriptlink

Quelle

2013-06-14 08:18:48 Frank

Der Post sagte bereits "dachte nie, es gäbe einen Unterschied in Skripten in der oder in der enthalten", so dass diese Antwort ein wenig überflüssig ist. – kgdesouz

Twitter Bootstrap Button Dropdown nicht fallen

Antwort

Verwandte Themen