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 «s должно быть уникальным. Мы не знаем вашу разметку, но

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

кажется совершенно неправильным. Либо у вас есть несколько <a> с таким же идентификатором #edit_current_product, либо что-то на самом деле происходит, вы удалены со страницы, где находится #edit_current_product.

Я предполагаю, что вы действительно хотите

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

или использовать класс вместо id

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

---

BTW, почему

"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] } 
]