使 Jquery Autocomplete 或 Select2 插件在淘汰赛 foreach 绑定中工作答案

【问题标题】：Make Jquery Autocomplete or Select2 plugin work within knockout foreach binding使 Jquery Autocomplete 或 Select2 插件在淘汰赛 foreach 绑定中工作
【发布时间】：2014-09-23 10:46:48
【问题描述】：

我遇到了由淘汰赛 foreach 绑定生成的自动完成问题。请看一下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);

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

感谢您的宝贵时间。

【问题讨论】：

标签： javascript jquery knockout.js autocomplete

【解决方案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);

【讨论】：