如何在replaceWith（）之后添加事件？

Question

我需要在replaceWith（）之后使用bind（）添加一个事件，但这些元素只在执行replaceWith（）之后才存在。 如何在加载元素后添加事件？

我的代码看起来像这样：

$.ajax({
    type: 'GET',
    url: trElement.find(".editRecord").attr("href") + '?id=' + tdId.html(),
    success: function(data, textStatus, jqXHR) {
        trElement.replaceWith(data);
        trElement.find(".btnEditRecord").bind("click", save);
        trElement.find(".btnCancelEditRecord").bind("click", cancel);
    }
});

如果可以，请举例说明。

非常感谢。

Answer 1

调用replaceWith后，DOM中不再存在该元素。您需要将事件绑定到新元素：

var $data = $(data);
trElement.replaceWith($data);
$data.find(".btnEditRecord").bind("click", save);
$data.find(".btnCancelEditRecord").bind("click", cancel);