javascript - 将 iCheck(jQuery 插件)应用于动态创建的复选框

Question

我用的是神奇的iCheck用于在我的表单中设置我的复选框样式的插件。

使用该插件，我只需调用 $('input').iCheck() 即可应用所需的外观和功能。

但是，我一直坚持在动态创建的复选框上调用 .iCheck() 函数。

在 ajax 调用中，我在成功函数中按如下方式构建复选框；这是在 $.each block 中，但为了简单起见，我只在语句中包含了代码。

var chk = $('<div><input id="' + n.ID + '" type="checkbox" name="lblChk"><label for="' + n.ID + '">' + n.Title + '</label></div>');
el.append(chk);

el 是 DOM 树中已经存在的 ID 为 container 的 div，n 是我作为 JSON 返回的对象

在构建复选框后，我调用了 $('#container input').iCheck(); 显然除了标准复选框我没有得到任何特别的东西。我认为这是因为复选框是在调用 .iCheck() 之后动态创建的。但即使在我创建复选框并调用 .iCheck() 之后，结果也是一样的。

有人可以指导我吗？

Answer 1

试试这个

$('#container').iCheck({checkboxClass: 'icheckbox_flat-green',radioClass: 'iradio_flat-green'});