如何在jQuery中处理嵌套事件

Question

我有一个

<span class="fold"></span>

由

处理

$('.fold').click(function (event) { ... });

现在click事件通过ajax添加新的“fold”类，我希望将相同的事件处理程序分配给。这是可能的，如果是这样，逻辑中我会“重新” - 添加我的点击处理程序吗？

提前致谢

Answer 1

如果要动态添加需要处理程序的元素，请使用如下的委托事件处理程序：

$(document).on('click', '.fold', function(e) {
    // do stuff
});

请注意，为了获得最佳效果，您应该将document替换为要追加.fold元素的元素的选择器。

Answer 2

只需写下：

$(".fold").on("click", function(event){
  //write code
});

更新：对于动态附加的元素，请写下：

$(document).on('click', '.fold', function(e) {
    // write code
});