javascript - 使用 .html() 动态更改数据后的单击功能

Question

我正在尝试div使用一些嵌套的子标签（例如span,td等）在 a 内实现点击功能。但是，这些嵌套标签是动态加载的，主要使用ajax(). 使用.html(data)函数显示返回的结果。但是，一旦更改了数据并添加了新标签，为检测点击而编写的旧 javascript 将不再起作用。

我想知道是否有办法使这项工作？

我正在谈论的一个例子可以在这里找到。

Answer 1

您应该将事件处理程序附加到包装器元素上，如下所示：

http://jsfiddle.net/V4Sfw/1/

$("#testing").on("click", "span", function() {
    alert("now?");
});
$("#testing").html("<span>How about now?</span>");

Answer 2

live只要您知道加载的 HTML 的结构，您就可以使用附加始终有效的处理程序。