将函数应用于 JQuery 插入的对象

Question

我有一个函数，它将一个 div 附加到 div(2) 中。在 div(2) 内我有一个跨度。如果我单击此跨度，将执行一个函数。（click() 函数）

目前，如果 jQuery 插入 div(2)，我无法通过 onclick() 应用任何函数。 如果我直接插入 div(2) （硬编码），我可以执行该函数。

如何将函数应用于 jQuery 插入的对象？

Answer 1

使用 delegate() 处理未来元素的事件 - 那些不是也是 DOM 的一部分：

$(document).delegate(".div2 > span", "click", function () {
   // handle click event here
});

Answer 2

理想情况下，您希望插入元素的 jQuery 代码也附加单击处理程序。

的函数

因此，扩展调用$(div).append(div2)

也可以调用

$(div2).find("span").click(function() {

});