将事件绑定到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

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

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

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

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

查看jQuery教程了解事件委托，以了解有关事件委托的更多信息。