2015-03-17 16 views
7

Sprawdź to proszę ->FIDDLEBootstrap-select nie przełączać się „otwarty” klasa

Pobrałem źródła od http://silviomoreto.github.io/bootstrap-select/, naprawdę nie mam pojęcia, dlaczego to nie jest przełączenie „otwarty” klasę”.dropdown-przełącznik " Mogę to naprawić, dodając trochę niechlujnych skryptów, ale wolę wtyczkę, żeby działała prawidłowo.

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> 

czy ktoś ma rozwiązanie?

Odpowiedz

9

Ma zależność od bootstrapu Twitter. Obejmują ich CSS i JavaScript pliki tak:

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

Zobacz this updated fiddle z CSS i JS zawarte, i wydaje się działać dobrze.

+1

O, dziękuję, czy nie istnieje sposób, aby nie uwzględnić całej wtyczki bootstrap, ale tylko skrypt, który jest względny do rozwijanych? –

+0

To wymagałoby trochę wyszukiwania, aby dowiedzieć się, gdzie jest zależność. Nie używasz bootstrap dla swojej witryny? – Ted

+0

nie. Potrzebuję tylko jego pola wyboru. jest tak kompletny i crossbrowser –

0

najlepszego rozwiązania było to wszystkie pliki JS przy dnie body z następującym porządku:

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

miałem ten sam problem. Nawet po odpowiednich odnośnikach menu nie wyświetlało się po kliknięciu. Więc zawarłem poniższy kod i zadziałało.

+0

Miałem ten sam problem, a Twój kod pomógł w jego otwarciu, ale teraz się nie zamknie! –

+0

To nie powinno się zdarzyć, dopóki klikniesz poza menu. Czy możesz stworzyć skrzypce pokazujące problem, z którym się borykasz? – DinoMyte

+0

Przepraszamy, zapomniałem zaktualizować. Moim rzeczywistym problemem było brakujące odniesienie do pliku JavaScript Bootstrap. Kiedy dodałem, że zaczęło się od nazwy klasy - funkcja kliknięcia nie była potrzebna - dzięki. –

Powiązane problemy