Bootstrap 多选下拉列表未显示

Question

我正在尝试创建一个多选列表，看起来像这样

这是我的 HTML：

<select multiple="multiple" id="months">
    <option value="1">January</option>
    <option value="12">December</option>
</select>

这是我的 JavaScript：

$(document).ready(function () {
    $('#months').multiselect();
});

我从代码中得到的视图似乎很好：

但是，当我点击它时，下拉列表不会出来！可能是什么原因？我正在使用以下插件Bootstrap Multiselect

Answer 1

让它发挥作用非常容易。
您只需包含 jQuery，然后包含 Bootsrap，如以下简单示例所示：

$(document).ready(function() {
  $('#months').multiselect();
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

<select multiple="multiple" id="months">
    <option value="1">January</option>
    <option value="12">December</option>
</select>