在数据表响应中工作 jquery 代码的问题

Question

我用DataTables 创建了一个数据表，我的数据表有 29 列。当我选择响应式 true 并创建最后一列行时，按钮显示对话框，按钮不起作用，但是当我在第一列行中设置按钮时，它起作用了！

我的 jquery 文件：

(function ($) {

    $('button').on('click', function () {
        alert('WOHOOO Work');
     })

    $('table').DataTable( {
    dom: 'Bfrtip',
    buttons: [
        'copy', 'excel', 'print',
    ],
    responsive: true,
} );

})(jQuery);

当我点击响应按钮 (+) 时，jquery 构建了一个<tr class="child">，我的代码不起作用，因为在第一个加载页面我的按钮没有构建。我该如何解决这个问题？

Answer 1

您可以使用此代码：

$(document).on('click', ('.child button.btn-class'), function() {
    alert('WOHOOO Work');
});

这项工作在您具有“btn.class”类的按钮中。

Answer 2

代替：

$('button').on('click', function () {
    alert('WOHOOO Work');
 });

试试下面的代码：

$(document).on("click", ".child", function() {
    alert("added button clicked");
});