与 selectpicker 的可见绑定不起作用

Question

我正在使用 this 示例，并且选择器正在运行，但可见绑定不起作用。如果我在这个例子中添加 visible: false 我仍然可以看到选择器。有人知道如何使用可见绑定隐藏选择器吗？

<select data-bind="options: item().options, value: item().value,visible: false, selectPicker: {}">

Answer 1

您的 bootstrap 选择器隐藏实际的 <select> 元素并注入新的 UI 元素来替换它。 "advanced" 解决方案将以将 visible 绑定转发到 generated-by-bootstrap 元素之一的方式扩展绑定。

但是，我认为你应该采用简单的解决方案：将 <select> 包装在一个额外的元素中以支持 visible 绑定：

<div data-bind="visible: false" style="display: inline-block;">
  <select ...></select>
</div>

visible binding with selectpicker not working