2015-03-17 5 views
7

es schalten Schauen Sie sich bitte ->FIDDLEBootstrap-select nicht „offen“ Klasse

ich die Quelle von http://silviomoreto.github.io/bootstrap-select/ heruntergeladen, ich habe wirklich keine Ahnung, warum es nicht „offen“ Klasse“.dropdown-Toggle Makeln " Ich kann es beheben, indem ich ein paar unordentliche Skripte hinzufüge, aber ich bevorzuge das Plugin, um richtig zu arbeiten.

die HTML:

<div class="number customdp"> 
<select class="simple-dropdown" name="number"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>5</option> 
</select> 

jemand eine Lösung hat?

Antwort

9

Es hat eine Abhängigkeit von Twitter Bootstrap. Fügen Sie ihre CSS und JavaScript Dateien wie so:

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 

Siehe this updated fiddle mit dem CSS und JS enthalten, und es scheint ganz gut zu funktionieren.

+1

oh danke, gibt es nicht eine Möglichkeit, nicht das gesamte Bootstrap-Plugin, sondern nur das Skript, das relativ zu Dropdowns ist? –

+0

Das würde einige Suche erfordern, um herauszufinden, wo die Abhängigkeit ist. Verwenden Sie kein Bootstrap für Ihre Site? – Ted

+0

nein. Ich brauche nur die Auswahlbox davon. Es ist so vollständig und Crossbrowser –

0

Für die beste Lösung für alle JS-Dateien am unteren Rande der body mit folgenden Reihenfolge enthalten war:

  1. jQuery
  2. Bootstrap
  3. Bootstrap-select
6

hatte ich die gleicher Fehler. Selbst nachdem die Referenzen richtig waren, wurde das Drop-down nicht beim Klick angezeigt. Also habe ich den folgenden Code eingefügt und es hat funktioniert.

+0

Ich hatte das gleiche Problem, und Sie Code half beim Öffnen, aber jetzt wird es nicht schließen! –

+0

Das sollte nicht passieren, solange Sie außerhalb des Dropdown-Menüs klicken. Könntest du eine Geige erschaffen, die das Problem zeigt, dem du gegenüberstehst? – DinoMyte

+0

Entschuldigung, habe vergessen zu aktualisieren. Mein tatsächliches Problem war ein fehlender Verweis auf die Bootstrap-JavaScript-Datei. Sobald ich hinzugefügt habe, dass es nur mit dem Klassennamen begann - Klick-Funktion wurde nicht benötigt - Danke. –