Bootstrap-chọn không chuyển đổi "mở" lớp

Question

Kiểm tra nó ra xin ->FIDDLE

Tôi tải về các nguồn tin từ http://silviomoreto.github.io/bootstrap-select/, tôi thực sự không có ý tưởng tại sao nó không chuyển đổi qua lại lớp "mở" của" .dropdown-Toggle " Tôi có thể khắc phục bằng cách thêm một số tập lệnh lộn xộn, nhưng tôi thích plugin hoạt động tốt hơn.

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> 

không ai có một giải pháp?

Answer 1

Nó có sự phụ thuộc vào bản khởi động twitter. Bao gồm CSS của họ và JavaScript các tập tin như vậy:

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

Xem this updated fiddle với CSS và JS bao gồm, và nó dường như chỉ làm việc tốt.

Answer 2

Đối với giải pháp tốt nhất là bao gồm tất cả các file JS ở dưới cùng của body với trình tự sau:

1. jQuery
2. Bootstrap
3. Bootstrap-chọn

Answer 3

tôi đã có cùng một vấn đề. Ngay cả sau khi có quyền tham chiếu, menu thả xuống không hiển thị khi nhấp chuột. Vì vậy, tôi bao gồm các mã sau và nó đã làm việc.

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