引导多选下拉不下拉

Question

我正在使用bootstrap multiselect 插件并使用淘汰赛js 将数据绑定到它。它位于this jsfiddle。这些选项实际上确实将数据绑定到多选 - 您可以通过右键单击 jsfiddle 输出窗口中的多选元素并检查它来确认这一点，<option> 确实在那里。但是，单击多选元素不会导致下拉菜单下拉。

bootstrap multiselect 似乎不知道它在<select> 中有<option>，当我使用disableIfEmpty 配置选项时证明了这一点，它永久禁用了多选。为什么引导多选不知道它有选项，从而导致它无法打开下拉菜单？

jsfiddle here

Answer 1

您只能在 敲除完成渲染之后实例化您的多选小部件，这基本上是在您的应用绑定之后。

要了解这个想法，请查看这个分叉的小提琴：http://jsfiddle.net/r0kbch7u/

我基本上已经将 $("#category-select").multiselect() 代码从您的 CategorySelect 构造函数移到了您的文档加载事件侦听器。