dataTable行按钮单击

我创建了一个dataTable，其中有两列包含。 当我单击按钮时，它会打开一个“jquery对话框”。 一切正常。 问题是，当我的dataTable包含多行（超过五行）时，当我点击按钮NEXT以查看以下行时，以下行按钮不响应我的点击。 只显示前线按钮才能回答我的点击。 该怎么办？

这是我的dataTable：

$(document).ready(function() {gridGroup = $('#gridUser').dataTable( { "bPaginate": true, "bLengthChange": false, "bSort": true, "bFilter": true, "bInfo": false, "bRetrieve" : true, "bAutoWidth": false, "iDisplayLength": 5, "bUrl": "", "oLanguage": { "sSearch": "
Recherche globale:
 ", "oPaginate": { "sFirst": "Debut", "sPrevious": "Prec", "sNext": "Suiv", "sLast": "Fin" } }, "sDom": 't', 'oTableTools': { "sSwfPath": "https://www.gmerp.local/app/project/common/public/js/tabletools/media/swf/copy_csv_xls_pdf.swf", 'aButtons': [ { "sExtends": "copy", "sButtonText": "Copier", "bShowAll": true, }, { "sExtends": "print", "sButtonText": "Imprimer", "bShowAll": true, }, { 'sExtends': 'collection', 'sButtonText': 'Exporter', 'aButtons': [ 'csv', 'xls', 'pdf' ] } ] }, "bStateSave": false }); $('#gridUser tbody td button').click(function (){ //todo }); }); 

和HTML部分：

 
 
 
 
ID
EMAIL
 
 
 
 
 
 
7
root
Modifier
Supprimer
 
26
wwwaa
Modifier
Supprimer
 
27
wwww
Modifier
Supprimer
 
30
soja
Modifier
Supprimer
 
31
ss
Modifier
Supprimer
 
32
sss
Modifier
Supprimer
 
33
ssss
Modifier
Supprimer
 
34
sssss
Modifier
Supprimer
 
 
 
 
ID
EMAIL
 
 
 
 
  

谢谢您的帮助。

Answer 1

你应该委托事件：

 $('#gridUser tbody').on('click', 'td button', function (){ //todo }); 

Answer 2

这对我来说更新版本的DataTable（1.10.9）。 我之前使用的是行单击事件，但是将其更改为按钮，因为我不希望行单击无意中触发事件处理函数

  $table = $('table#summary').DataTable(); $table.on('click', 'tr', function () { var data = $table.row(this).data(); var taskID = data[0]; }); 

按钮单击示例

  $table = $('table#summary').DataTable(); $table.on('click', 'button.edit-task', function () { var closestRow = $(this).closest('tr'); var data = $table.row(closestRow).data(); var taskID = data[0]; }); 

Answer 3

试试这个

 
 
 
 
Column 1
 
Column 2
 
 
 
 
 
Click me
 
Hello