javascript - 如何动态更新 dropkick.js 下拉菜单中的选项？

Question

我正在尝试使用 dropkick.js在 Web 应用程序中构建下拉菜单。我喜欢 dropkick.js 因为键盘支持和良好的自定义主题功能。但是，它似乎只适用于静态菜单；当我动态更新原始元素(使用 knockout.js 绑定(bind))时，dropkick.js 菜单不会更新。

澄清一下，问题在于以编程方式更改 selectedChannel(或 channel 列表本身)的值不会导致下拉列表更新。另一种方法有效(单击下拉菜单，查看 selectedChannel 变量更新)。

无论是指向此问题现有解决方案的链接，还是有关如何通过修改 dropkick.js(或使用自定义 knockout.js 绑定(bind)？)自行解决此问题的指示，我们都将不胜感激。或者，也许它可以/应该起作用，但我做错了什么？

使用 knockout.js 绑定(bind):

<select id="channelSelector" data-bind="options: channels, optionsText: 'name', optionsValue: 'id', value: selectedChannel"></select>

设置代码:

$('#channelSelector').dropkick();

使用 knockout.js 更新代码，它不会导致下拉列表更新其选择的值:

vm.selectedChannel(vm.channels()[0].id);

问题示例:http://jsfiddle.net/37QvY/

Answer 1

你应该阅读这个答案和评论，这就是帮助我完成它的原因。

Issues Setting Value/Label Using DropKick Javascript

干杯!