Bootstrap-SELECT non alternare "aperto" classe

Question

Check it out si prega ->FIDDLE

ho scaricato la fonte da http://silviomoreto.github.io/bootstrap-select/, ho davvero idea del perché non è la commutazione di classe "open" di" .dropdown-ginocchiera " Posso aggiustarlo aggiungendo alcuni script disordinati, ma preferisco che il plugin funzioni correttamente.

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

Qualcuno ha una soluzione?

Answer 1

Ha una dipendenza da twitter bootstrap. Includere il loro CSS e JavaScript file in questo modo:

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

Guarda this updated fiddle con i CSS e JS inclusi, e sembra funzionare bene.

Answer 2

Per la soluzione migliore è stato quello di includere tutti i file JS in fondo il body con seguente ordine:

1. jQuery
2. Bootstrap
3. Bootstrap-select

Answer 3

ho avuto la stesso problema. Anche dopo aver avuto i riferimenti giusti, il menu a discesa non viene mostrato al clic. Quindi ho incluso il seguente codice e ha funzionato.

$(document).ready(function() { 
    $(".selectpicker").selectpicker(); 
    $(".bootstrap-select").click(function() { 
     $(this).addClass("open"); 
    }); 
    });