javascript - Onclick 不适用于 Knockout 数组绑定(bind)字段

Question

我正在处理使用 Knockout 填充的 CRUD 表。 jQuery Click 事件不适用于可观察数组的新推送元素

点击事件函数

$('td').on('click', function () {
    var spanElement = $(this).find('span');
    $(this).find('span').hide();
    $(this).find('input').show().select().on('blur', function () {
        $(this).hide();
        spanElement.show();
    });
});

此代码适用于加载时填充的所有行，但不适用于我使用添加按钮添加的行。

为什么会这样？如何解决？

JSFiddle

Answer 1

它不起作用，因为您将事件处理程序直接添加到表格单元格。添加新行时，永远不会添加 click 元素。

要解决这个问题，将点击事件应用到表上，让事件委托(delegate)接管

$('table').on('click', 'td', function () {
    var spanElement = $(this).find('span').hide();
    $(this).find('input').show().select().on('blur', function () {
        $(this).hide();
        spanElement.show();
    });
});