Bootstrap 多选下拉菜单未打开

Question

我有一个包含两个 Bootstrap 多选下拉列表的页面。它们正在被正确创建和渲染。（也就是说，我看到的是一个下拉列表，而不是一个常规的选择列表。）但是当我点击它们时，下拉列表不会打开。

在这里发帖，我已经大大简化了。（我实际上是用 PHP 代码生成选项。但即便如此，调试器仍向我显示选项存在。）我确定我在这里一定遗漏了一些简单的东西，因为我已经在另一个站点上使用了它，并且代码似乎完全类似。

HTML：

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

Javascript（我在这里包括了整个 Ready 函数，以确保那里没有问题）：

<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 多选。我添加了 onDropdownShow 代码，以显示警报。警报出现，但下拉菜单没有下降。这是准备功能的新版本：

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

Answer 1

在发现 Bootstrap 导航栏中的下拉菜单也无法打开后，我发现我加载了 bootstrap.min.js 两次。一旦我解决了这个问题，导航栏就起作用了。

由于我已经用另一个控件替换了多选下拉菜单，因此我没有进行测试以确认这可以解决这里的问题，但我有理由相信它会解决。