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>