Bootstrap-выберите не переключается «открытый» класс

Question

Проверьте это пожалуйста ->FIDDLE

Я скачал источник из http://silviomoreto.github.io/bootstrap-select/, я действительно не знаю, почему это не переключая «открытый» класс».dropdown-переключатель « Я могу исправить это, добавив некоторые грязные скрипты, но я предпочитаю, чтобы плагин работал правильно.

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> 

ли кто-нибудь есть решение?

Answer 1

У этого есть зависимость от twitter bootstrap. Включите их CSS и JavaScript файлы как так:

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

См this updated fiddle с помощью CSS и JS включены, и это, кажется, работает нормально.

Answer 2

Для лучшего решения должны был включать все файлы JS в нижней части body с следующим порядком:

1. JQuery
2. Bootstrap
3. Bootstrap-выбери

Answer 3

Я имел такой же выпуск. Даже после правильности ссылок выпадающий список не показывался по клику. Поэтому я включил следующий код, и он сработал.

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