javascript - 将事件绑定(bind)到 AJAX 添加的元素

Question

我知道这个问题之前已经被问过，但不幸的是这些似乎并没有解决我的问题。我有一个<table>我必须添加dblclick每个事件，但我还使用 AJAX 将行添加到表中(页面加载后)。

我已经让它工作了，但发布了 2 个代码，一个有效，另一个无效。

a)这段代码对我有用:

$(document).on("dblclick","td",function(){ 
   //THIS WORKS FOR ELEMNTS ADDED AFTER PAGE LOAD
});

b)我之前尝试过的这段代码不起作用:

$("td").on("dblclick","td",function(){ 
   //THIS DIDN'T FOR ELEMNTS ADDED AFTER PAGE LOAD

});

甚至尝试向新添加的 <td> 添加一个类并在第二个参数中传递它，但它似乎不起作用。

有人请解释一下，第二种情况有什么问题吗？

Answer 1

Anyone please explain,whats the problem in the second case.?

您的意思是“甚至尝试向新添加的 <td> 添加一个类”，这意味着您正在创建新的 <td>元素。

事件处理程序必须绑定(bind)到动态元素的现有的“静态”祖先。

您的处理程序，$("td").on("dblclick","td",function() {})没有多大意义。它将监听其他表格单元格内的表格单元格的点击。

看看 jQuery 教程 Understanding Event Delegation了解有关事件委托(delegate)的更多信息。