javascript - 使 Jquery Autocomplete 或 Select2 插件在 knockout foreach 绑定(bind)中工作

Question

我在使用 knockout foreach 绑定(bind)生成的自动完成功能时遇到问题。请看看jsfiddle http://jsfiddle.net/u05afbpp/1/

<table data-bind="foreach: cars" class="table table-striped table-bordered">
 <tr>
    <td>
        <span>Test</span>
        <input type="text" class="autocomplete"/>
    </td>
 </tr>
</table>

$(function() {
var availableTags = [
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran",
  "Groovy",
  "Haskell"
];
$(".autocomplete").autocomplete({
  source: availableTags
});
});

var viewModel = {
cars:ko.observableArray(),
myValue: ko.observable()
};
viewModel.cars.push("BMW");
viewModel.cars.push("Benz");
viewModel.cars.push("Renault");
ko.applyBindings(viewModel);

我该怎么做才能让它发挥作用？

感谢您的宝贵时间。

Answer 1

当页面开始渲染时，可能不存在具有 .autocomplete 类的元素。这是你想要拥有的吗？ http://jsfiddle.net/G_sh/u05afbpp/6/

我已将以下代码移至就绪函数，希望它能正常工作。

var viewModel = {
cars:ko.observableArray(),
myValue: ko.observable()
};
viewModel.cars.push("BMW");
viewModel.cars.push("Benz");
viewModel.cars.push("Renault");
ko.applyBindings(viewModel);