DataTables + iCheck +分页

Question

iCheck只能在第一页处理数据表。当我导航到任何其他页面时，它会显示复选框，但它们没有应用iCheck。这段代码有帮助，但不能100%工作。

function turn_on_icheck(checkboxClass)
{
    $('input[type=checkbox]').iCheck({
        checkboxClass: checkboxClass
    });
}
$('.data-table').on('page', function() {
    turn_on_icheck();
});

当我转到第二个页面时，它显示现在一切正常，但是如果我返回到之前访问的页面，复选框就不在那里了。在我看来，它可能会导致错误，因为已经有一个iCheck实例在那里运行。有没有办法检查是否有一个正在运行？

Answer 1

我用asp.net grid也遇到了同样的问题。请使用on draw.dt event，这将有助于分页和显示菜单

$('.data-table').on('draw.dt', function () {
    turn_on_icheck();
});

Answer 2

下面是一种更简单的方法：

$('.inputClass').iCheck({
        handle: 'checkbox',
        checkboxClass: 'icheckbox_flat-blue'
    });

source祝你好运

Answer 3

当datatables刷新这些值时，将呈现新的输入，并且这些输入需要再次应用icheck函数。

$(document).ajaxComplete(function() {
    $('input[type=checkbox]').iCheck({
        checkboxClass: checkboxClass
    });
});