javascript - bootstrap多选下拉菜单不下拉

标签 javascript jquery knockout.js html-select bootstrap-multiselect

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

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

jsfiddle here

最佳答案

您只能在knockout完成渲染之后实例化您的多选小部件,这基本上是在您的应用绑定(bind)之后。​​

要了解这个想法,请查看这个 fork 的 fiddle :http://jsfiddle.net/r0kbch7u/

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

关于javascript - bootstrap多选下拉菜单不下拉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36352153/

相关文章:

javascript - 对主题使用 mergeMap() 会忽略我正在合并的可观察对象上的 takeWhile()

javascript - 异步获取 JSON 然后渲染组件

javascript - 在 jQuery 中解析 JSON 响应

javascript - Jquery-每个循环不更新变量

javascript - 如何使用 done() 或 next() 将参数传递给下游函数

javascript - 选择后模糊()/焦点()

jquery - 在 Knockout 模板中使用 Uniform JS 设置表单元素的样式

javascript - 这个 jQuery 函数调用是什么?

javascript - 如何将 Eloquent 模型传递给 Knockout.js View 模型构造函数?

jquery - 如何使用 Knockoutjs + Bootstrap Carousel 获取当前元素索引