当我尝试在 JQM 列表视图中使用选择时遇到问题。
我有一个列表视图来列出几台计算机，并且在每个列表项中，用户都可以通过下拉列表对计算机进行一些更改。
结果如下：
我正在使用 knockoutjs 将 viewModels 绑定到视图。
这是我的列表视图：
<div data-role="page" id="page1">
<div data-role="content">
<ul id="editComputerList" data-role="listview" data-inset="true">
<li data-role="list-divider">
<div class="row">
<div class="column">
PC
</div>
<div class="column">
Lokasjon
</div>
<div class="column">
OS
</div>
<div class="column-last">
Språk
</div>
</div>
</li>
<!-- ko foreach: Computers -->
<li>
<div class="row">
<div class="column" data-bind="text: Name">
</div>
<div class="column">
<select data-bind="value: Location, options: $root.Locations, optionsText: 'Name', optionsValue: 'Value'">
</select>
</div>
<div class="column">
<select data-bind="value: OsParameter, options: $root.OsParameters, optionsText: 'Name', optionsValue: 'Value'">
</select>
</div>
<div class="column-last">
<select data-bind="value: Language, options: $root.Languages, optionsText: 'Name', optionsValue: 'Value'">
</select>
</div>
</div>
</li>
<!-- /ko -->
</ul>
</div>
</div>
我在这里将模型绑定到视图：
var viewModel = new pageViewModel();
ko.applyBindings(viewModel, document.getElementById("page1"));
$("#editComputerList", "#page1").listview("refresh");
$('#editComputerList select').selectmenu();
$('#editComputerList select').selectmenu('refresh', true);
</p>
代码可以在这里看到：http: //jsfiddle.net/dankli/7hJ5d/
有谁知道我做错了什么，还是 JQM 中的错误？