Bootstrap多選下拉菜單不會打開

我有一個帶有兩個Bootstrap多選下拉菜單的頁面。他們正在創建和渲染正確。（也就是說，我看到一個下拉菜單，而不是一個常規的選擇列表。）但是當我點擊它們時，下拉菜單不會打開。Bootstrap多選下拉菜單不會打開

要發佈在這裏，我已經大大簡化了。（我實際上是用PHP代碼生成選項，但即使如此，調試器也顯示出這些選項存在）。我確信我必須在這裏丟失一些簡單的東西，因爲我已經在另一個站點上運行了，並且代碼似乎完全相似。

HTML：

 <select id="confs" multiple="multiple"> 
     <option value='First' id='1'>First</option> 
     <option value='Second' id='2'>Second</option> 
     </select>

的Javascript（我包括整個就緒功能在這裏，以確保沒有什麼問題存在）：

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#papers").tablesorter(); 
$('#confs').multiselect({ 
    includeSelectAllOption: true, 
    onChange: function(option, checked) {   
     updatePapers();   
    } 
}); 
$('#cats').multiselect({ 
    includeSelectAllOption: true, 
    onChange: function(option, checked) {   
     updatePapers();   
    } 
}); 
}) 
</script>

不知道，如果它是很重要，但是這個網站和我擁有它的網站之間的巨大差別在於這個網站有Windows託管，而另一個是Linux。

更新：我創建了一個更簡單的測試頁，其中只包含單個Bootstrap多選。我已經添加了DropdownShow代碼，以顯示警報。警報出現，但下拉不下降。以下是新版本的Ready功能：

$(document).ready(function(){ 
$('#confs').multiselect({ 
    includeSelectAllOption: true, 
    onDropdownShow: function(event) { 
     alert('Dropdown shown.'); 
    } 
}); 
});

來源

2017-03-02 Tamar E. Granor