2015-08-31 48 views
0

我正在使用silviomoreto selectpicker。問題是,當我點擊選擇時它不顯示項目。Selectpicker未開火

HTML代碼:

<select id="tick1" multiple data-live-search="true" class="form-control selectpicker show-tick" name="tick1"> 
       <option Value="" hidden selected="selected"></option> 
       <option Value="1">One</option> 
       <option Value="2">Two</option> 
       <option Value="3">Three</option> 
      </select> 

jQuery代碼:

<script type="text/javascript"> 
$(document).ready(function (e) { 
    $(".selectpicker").selectpicker(); 
}); 
</script> 

的事情是,當我點擊selectpicker並按CTRL + d,撿拾火災我可以使用它,但是當我點擊其他地方時它不會關閉。

謝謝

+0

當您單擊下拉 –

+0

它不是關閉或開啓外,當我點擊它應該關閉。我無法確定我出錯的地方 –

+1

只是爲了挑剔,請檢查是否使用瀏覽器開發工具加載了所有依賴關係。你在控制檯上看到什麼? – Akki619

回答

1

我有很多次相同的問題。 將屬性數據容器添加到select元素應該修復該行爲。

$("#tick1").selectpicker();
<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 

 

 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet"/> 
 

 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script> 
 

 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
 

 

 
<select id="tick1" multiple data-live-search="true" data-container="body" class="form-control selectpicker show-tick" name="tick1"> 
 
    <option Value="" hidden selected="selected"></option> 
 
    <option Value="1">One</option> 
 
    <option Value="2">Two</option> 
 
    <option Value="3">Three</option> 
 
</select>