使用selectpicker的可见绑定不起作用

Question

我正在使用this示例并且selectpicker正在运行，但可见绑定无效。如果我在此示例中添加visible：false，我仍然可以看到selectpicker。有人知道如何使用可见绑定隐藏选择器吗？

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

Answer 1

您的引导程序选择器会隐藏实际的<select>元素并注入新的UI元素以替换它。 “高级”解决方案是以这样的方式扩展绑定，即将visible绑定转发给其中一个生成的引导元素。

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

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