Jquery 如何在第二页检查iCheck

我有以下代码：

$("#add-new-size-grp").click( function (event) {
    event.preventDefault();
    $.ajax({
        type: "get",
        url:"ajax-get-sizes.php",
        success: function(result){
            $("#sizegrp-table").html(result);
            var sizegrpSizesTable = $('#tbl-sizegrp-sizes').DataTable();
            //iCheck for checkbox and radio inputs
            $('input[type="checkbox"]').iCheck({
              checkboxClass: 'icheckbox_polaris',
              radioClass: 'iradio_polaris'
            });

            $("#modalNewSizeGrp").modal();
        }
    });
});

简言之，它检索一块数据并从中形成一个jQuery。然后返回并放入调用页面中的DIV中

开始

$（'input[type=“checkbox”]”）的部分。iCheck（{

使用插件格式化作为表的第一列的复选框

这适用于数据的第一页。但是，当用户移动到另一页或更改页面长度时，新显示的复选框没有应用格式

我曾研究过使用

页面

事件应用格式，但无法使其正常工作。我尝试过的代码如下：

$('#tbl-sizegrp-sizes').on( 'page.dt', function () {
    var dtable = $('#tbl-sizegrp-sizes').DataTable();
    var info = dtable.page.info();
    $('input[type="checkbox"]').iCheck({
      checkboxClass: 'icheckbox_polaris',
      radioClass: 'iradio_polaris'
    });

});

我做错了什么

--编辑--

根据要求，这里是一个演示问题的示例。请注意第1页上的样式复选框，然后切换到任何其他页面。

原因 jQuery DataTables从DOM中删除不可见的元素。这就是为什么运行

iCheck（）

时，它只影响第一页元素

解决方案 使用选项定义绘制表格时将调用的函数

var sizegrpSizesTable=$（'tbl sizegrp size'）。数据表({
“drawCallback”：函数（设置）{
//i选中复选框和收音机输入
$（'input[type=“checkbox”]”）。i选中({
checkboxClass:“icheckbox_polaris”，
无线电课：“北极星”
});
}
});

演示 有关代码和演示，请参阅

链接

---

有关更多示例和详细信息，请参阅。

为什么不添加小提琴聚焦问题？重复此问题？单击一次后，小提琴导航似乎有一个错误再次查看，单击导航按钮2，然后尝试单击任何导航按钮。再次查看时，我还发现当您单击时，复选框不再可选中另一个导航button@indubitablee，它适用于我的所有现代浏览器，尝试使用其他浏览器查看。我目前使用的是最新版本的chrome。也许你忘了更新你的JSFIDLE链接？现在它指向：。我不是想让你沉没，我只是问，因为我真的想知道是否有办法应用dataTable插件中的YLE