将jQuery事件函数应用于新的Knockout.js数组元素

Question

我有一个带有products列表的Knockout.js视图模型，这些products由ASP.NET Web API调用填充：

// Define viewmodel
var myViewModel = {
    products = ko.observableArray([]);
};

// Apply knockout bindings
ko.applyBindings(vm);

// Function that obtains product data
function listProducts(viewmodel) {
    var productsQuery = "api/products/get";

    // Send an AJAX request
    $.getJSON(productsQuery).done(viewmodel.products);
}

当我调用listProducts ，每个元素listProducts成功添加到ff中。 HTML <ul> ：

<ul data-bind="foreach: products">
    <li class="item">
        <data-bind="text: productName">
    </li>
</ul>

但是，当添加每个项目时，适用于我的.item元素的jQuery函数：

$(".item").click(function () {
    $(this).toggleClass("selected");
});

不会应用于这些新添加的元素。

问题：如何向Knockout.js observableArray添加元素，这些元素也将继承其相应的jQuery方法？

Answer 1

基本上，您需要返回淘汰赛文档并阅读，阅读，阅读！ 忘了用jquery做到这一点，这不是ko的方法。 淘汰赛让您摆脱这种编码风格的，你只需要神交它。

暗示：

使用单击绑定和CSS绑定

http://knockoutjs.com/documentation/css-binding.html

顺便说一句，您还可以执行以下操作：

 $.getJSON(productsQuery).done(viewmodel.products);