jQuery On 函数用于 future 元素？

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 4 年前。

$("#dataTable tbody").on("click", "tr", function(event){
    alert($(this).text());
});

此语法适用于页面上已有的 tr 吗？

如果不是， future tr 元素的语法是什么？

Answer 1

对于 #dataTable tbody 内的 future 元素，你的代码应该可以工作。将单击一直委托(delegate)给文档，从而允许将来使用相同的处理程序 <tr>在页面上的任何位置，尝试:

$(document).on("click", "tr", function(event){
    alert($(this).text());
});