如何捕获动态数据表内元素的事件？

Question

我有一个动态数据表，其中数据由 Ajax 加载。我的 HTML 是：<table id="dynamic_table"></table>JS 是：$(document).ready(function() {        $('#dynamic_table').DataTable( {            "ajax": '/ajax_handler',            ...$('td').on('click', function(e){    alert("I'm td")});$('body').on('click', function(e){    alert("I'm body")});好吧，“body”被捕获，但“td”没有被捕获。当然，浏览器会显示带有 tr/td 标签的行，但 JS 似乎还看不到（动态）加载的数据。如何捕获动态 td 的点击次数？我怎样才能绑定它们？

Answer 1

您遇到的问题是您的 DataTable 在绑定这些单击事件后创建 td 元素。有两种选择，在表格渲染后将所有事件监听重新绑定到 TD，或者使用事件冒泡将点击事件捕获到父组件。您可以传递一个 jQuery on()参数来告诉表侦听单击事件。

$('table').on('click', 'td', function(e){

    alert("I'm td")

});

Answer 2

将类分配给 td 并将事件处理程序绑定到此类。

$.on('event.js-name', function(){});