javascript - DataTable分页后无法点击按钮

Question

我已经完成了一个数据表并自定义了它的数据，但是当我单击第一列上的按钮时，它仅适用于第一页，无法单击其他前进页面。

$('#tbl').DataTable( {
   responsive: true,
   data: data1,
   autoWidth: false,
   "order": [[ 7, "asc" ]],
   "iDisplayLength": 5,
   "pagingType": "full_numbers",
   "dom": '<"top">rt<"bottom"p><"clear">',
   "oLanguage": {
        "sEmptyTable":     "Not Record"
    },
    "columnDefs": [
        { "visible": false,  "targets": [ 6,7,8 ] }
    ],
    "columns": [
        {},{"sClass": "dt-body-justify"},{},{},{},{},{},{},{},{}
    ]
} );

但是当实时模式下点击功能时，它仍然无法工作

$('#tbl tbody tr #edit_current_product').delegate('a', 'click', function () {
    ....... 
} );

Answer 1

id的必须是独一无二的。我们不知道您的标记，但是

$('#tbl tbody tr #edit_current_product').delegate('a', 'click', function () 

似乎完全错误。要么你有多个<a>具有相同的 ID #edit_current_product或者正确的事情确实发生了，您已经从 #edit_current_product 所在的页面进行了分页。存在。

我猜你真正想要的是

$('#tbl').on('click', 'tbody tr a', function() 

或者使用类而不是 id

$('#tbl').on('click', 'tbody tr .edit_current_product', function() 

<小时/>

顺便说一句，为什么

"columnDefs": [
    { "visible": false,  "targets": [ 6,7,8 ] }
],
"columns": [
    {},{"sClass": "dt-body-justify"},{},{},{},{},{},{},{},{}
]

你只需要

"columnDefs": [
    { "visible": false,  "targets": [ 6,7,8 ] },
    { "sClass": "dt-body-justify", targets : [1] }
]