对于jquery插件数据表，为什么click事件不起作用？

Question

我正在使用数据表，这是使用jQuery生成表的简单而强大的工具

参考链接在这里：您也可以在该网站上尝试。

https://datatables.net/

问题是，例如，我有一个包含20行的表。 如果每页显示10行，则有两页。 并且对于每一行，都有一个按钮，我捕获了该按钮上的click事件。 例如

$('.row_button').on('click',function()){
....
});

问题是，对于第一页按钮，单击事件可以触发，但对于其他页面则不能，单击脚本的任何响应在chrome开发人员中都没有错误。 我认为页面导航按钮会影响click事件。 但是如何解决呢？ 谢谢

Answer 1

除了上面的答案，实际上官员已经有了这个答案

最常见的常见问题

问：我的活动在第二页上不起作用

答：将事件附加到由DataTables控制的表中的单元格上时，您需要小心如何完成此操作。 因为DataTables从DOM中删除了节点，所以使用静态事件侦听器应用的事件可能无法将自身绑定到表中的所有节点。 为了克服这个问题，只需使用jQuery委托的事件侦听器选项，如本示例所示。 另外，您可以使用Visual Event书签来帮助调试事件问题。

参考： http : //datatables.net/faqs/#events

 $('#example tbody').on('click', 'tr', function () {
        var name = $('td', this).eq(0).text();
        alert( 'You clicked on '+name+'\'s row' );
    } );

优雅与作品

Answer 2

经过一番搜索，我设法得到一个丑陋的解决方案，看来问题是由每个页面都是动态添加到页面引起的，但是，“ on”的jQuery无法正常工作，我对此一无所知。 最终这段代码是可行的。

   $('#data_table').dataTable({
            "fnDrawCallback": function() {
                $('.showDetail').unbind('click');
                $('.showDetail').on('click', function() {
                ...........
                });
            }
        });