Javascript 使用.html（）动态更改数据后单击函数

我试图在

div

中实现一个click函数，其中包含一些嵌套的子标记，如

span

、

td

，等等。但是，这些嵌套的标记是动态加载的，主要使用

ajax（）

。使用

.html（数据）

函数显示返回的结果。然而，一旦数据被更改并添加了新标记，为检测点击而编写的旧javascript就不再有效

我想知道是否有办法让这一切顺利进行

---

可以找到我正在谈论的一个示例。

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

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

$（“#测试”）。在（“单击”，“跨距”，函数（）{
警惕（“现在？”）；
});
$（“#测试”）.html（“现在怎么样？”）；

仔细研究这一点是正确的，但

.live（）

长期以来一直被弃用。当前版本使用了三参数版本的

.on（）

。这似乎是正确的。使用jQuery已经有一段时间了。

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