Question

当您在第二个页面上进行分页时，我做了以下jQuery事件，实际上有效。

然而不会触发第三个和其他页面，没有console.log错误。

问题显然在于对DataTable initComplete参数的DOM重建，我猜这些参数仅适用于第一个结果数据表，这就是为什么它只在第二个结果页面上调用我的status_icons（）函数而不是其余部分。

我的全局功能会触发DataTable对点击事件的分页

#include<stdio.h>
int main(){
 int x=5;
 char A_one[8], A_two[8];
}

这是我构建我的DataTable的方法，为第一个结果页面调用上面的函数，其余的

function status_icons() {

    $('table tr').each(function() {
        if ($(this).find('td').eq(0).text() == '1') {
            $(this).find('td').eq(0).replaceWith('<i class="fa fa-3 fa-check-circle-o datatable-paid-1" aria-hidden="true"></i>');
            $(this).find('.btn-success').eq(0).prop("disabled", true);
            $(this).find('.btn-success').eq(0).text('Paid'); 
        } else {
            $(this).find('td').eq(0).replaceWith('<i class="fa fa-3 fa-exclamation-circle datatable-paid-0" aria-hidden="true"></i>');
        }
    });
}

是

https://cdn.datatables.net/1.10.10/js/jquery.dataTables.js

Answer 1

重新绘制这些分页按钮...
因此，将它们视为＆＃34;动态＆＃34;。

此处需要event "delegation"。

使用$(document).on('click','.paginate_button', function() {从静态元素开始查找，静态元素将事件委托给其实际匹配的子元素。

CodePen ;）

Datatables jQuery事件适用于第二页，而不是休息

1 个答案: