引導 - 在ASPNET中選擇時不顯示選項當點擊按鈕

Question

我使用asp.net和bootstrap。我有一個下拉列表，我想用bootstrap-select來解除。問題是，如果我點擊下拉列表，它不會顯示它的內容，但是如果我在按下某個鍵時它將顯示下拉列表的內容。

目：

<script type="text/javascript" src="/Scripts/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="/Scripts/bootstrap-select.min.js" /> 
<script type="text/javascript" src="/Scripts/bootstrap.js"></script> 
<link rel="stylesheet" href="/css/bootstrap.css" /> 
<link rel="stylesheet" href="/css/bootstrap-select.min.css" /> 
<link rel="stylesheet" href="/css/bootstrap.min.css" /> 

JS：

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

的JS位於主體之後。

Answer 1

今晚我摔跤了這個問題，雖然我沒有使用任何像asp.net的東西。我發現在某些情況下，潛在的引導事件不會被觸發。

Bootstrap選擇使用按鈕切換菜單項目列表，並使用委託將事件綁定到切換按鈕。有時，當bootstrap-select生成切換按鈕時，委派無法正常工作。

我發現，通過使用切換按鈕JavaScript的界面引導，選擇創建後，一切都很好：

$('select').selectpicker(); 
$('.dropdown-toggle').dropdown(); 

Bootstrap Dropdown Javascript API