下拉 css 不适用于挖空绑定选项

Question

问题是，当我将选项绑定到下拉列表时，"ui 下拉列表"会让它消失，并且我的浏览器中的单元格中没有任何内容(它在 jsfiddle 中正确使用 css)。如果我删除该 css，那么我会看到开箱即用的下拉列表。

创建一个包含视图模型集合的表，并希望为各个风险创建一个值的下拉列表

//part of the viewmodel
var ViewModel = {
Collection: ko.observableArray(),
availableRisks: ['L', 'H'],

用

$('.ui.dropdown').dropdown();

无济于事。 使用下拉列表的示例代码：

http://jsfiddle.net/7vh2t33m/2/

Answer 1

有用于jQuery UI和KNOCKOUT的绑定，请使用它们。 http://gvas.github.io/knockout-jqueryui/

根据经验，在挖空应用程序中，除了挖空或不通知挖空之外，没有任何东西可以触及 DOM。因此，将挖空与jQuery UI混合在一起，而没有任何弥合它们之间差距的东西是行不通的。

取自 KNOCKOUT-jqueryUI selectmenu 绑定文档中的示例：

var ViewModel = function () {
this.items = ko.observableArray([
{ id: '1', text: 'First' },
{ id: '2', text: 'Second' },
{ id: '3', text: 'Third' },
{ id: '4', text: 'Fourth' }
]);
this.value = ko.observable('1');
};
ko.applyBindings(new ViewModel());

并在视图中

<!-- ko foreach: items -->
<input type="radio" name="radios" data-bind="attr: { value: id }, checked: $parent.value" />
<!-- /ko -->
<br/>
<select data-bind="value: value, selectmenu: { width: 300 }, options: items, optionsValue: 'id', optionsText: 'text'">
</select>
<br />