css - Bootstrap Multiselect 不显示下拉列表

Question

我为 bootstrap multiselect 做了自定义绑定(bind)在 Knockout JS 中。

我不熟悉 Knockout JS 中的自定义绑定(bind)。

我拍了this custom binding jsfiddle对于bootstrap select并在 this jsfiddle 中对其进行了调整为 bootstrap multiselect并且还包含我自己的 View 模型数据。实际的 bootstrap 多选按钮确实显示，因此用户看到多选元素，但在单击它时，没有任何内容落下。

检查我的网页显示 <select> 的输出 html :

HTML(这是正确的 - 问题不在于此):

    <select multiple="multiple" data-bind="multiselect: _categoryID, 
                optionsText: '_name', 
                optionsValue : '_id', 
                multiselectOptions: { optionsArray: _categories }" class="multiselect" style="display: none;">
<option value="1">Meat-Free Meat</option>
<option value="2">Dairy-Free Dairy</option>
<option value="3">Confectionery</option>
<option value="4">Baking</option>
<option value="5">Dessert</option>
                </select>

这是 Bootstrap 多选插件添加的选择下方的位(这是不正确的 - 问题在这里 - 看到 <ul> 没有 <li> 的。:

    <div class="btn-group">
<button type="button" class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" title="Dairy-Free Dairy, Confectionery" aria-expanded="false">
<span class="multiselect-selected-text">Dairy-Free Dairy, Confectionery</span> 
<b class="caret"></b>
</button>
<ul class="multiselect-container dropdown-menu">
</ul></div>

为什么点击 bootstrap multiselect按钮不会导致出现下拉菜单？ AKA 为什么是 <ul>空的？编辑:关于这个问题的所有工作现在都可以在 this jsfiddle 中尝试

Answer 1

替换

$(element).multiselect('refresh');

与

$(element).multiselect('重建');

Working JsFiddle