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

我试图使用dropkick.js在Web应用程序中构建下拉菜单。我喜欢dropkick.js，因为它支持键盘和很好的定制主题功能。但是，它似乎只适用于静态菜单;当我动态更新原始元素（使用knockout.js绑定）时，dropkick.js菜单不会更新。如何动态更新dropkick.js下拉菜单中的选项？

为了澄清，问题在于，以编程方式更改selectedChannel（或通道列表本身）的值不会导致更新下拉列表。另一种方式确实有效（点击下拉菜单，查看selectedChannel变量更新）。

可以通过修改dropkick.js（或者使用自定义的knockout.js绑定？）来获得解决这个问题的现有解决方案的链接，或者指导如何解决这个问题。或者，也许它可以/应该工作，但我做错了什么？

结合使用knockout.js：

<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/

来源

2012-02-03 OfficerJoe

宽度问题呢？ http://stackoverflow.com/questions/11769888/how-to-individually-target-multiple-dropdowns-in-css-for-dropkick-plug-in – user1318135 2012-08-02 23:07:48