在 jQuery 中为 DOM 动态添加元素调用插件方法

如何解决在 jQuery 中为 DOM 动态添加元素调用插件方法

我需要为页面中新创建和添加的元素调用一些 jquery 插件方法。

在我使用 livequery 插件来发现这些元素并为这些元素调用我想要的插件之前。例如在这个例子中，我使用 livequery 插件为新元素调用 iCheck 插件：

$('input[type="checkBox"],input[type="radio"]').livequery(function () {
    $(this).iCheck({
        checkBoxClass: 'icheckBox_minimal-blue',radioClass: 'iradio_minimal-blue'
    })
});

这个插件很棒，效果很好。但似乎已弃用并且与 jQuery 3+ 不兼容，而我需要使用最新版本的 jQuery。

另一方面，我有很多这样的元素在加载页面后添加到页面中。

有没有类似的方法或者类似的插件，兼容jQuery 3+，可以用同样的方法？

解决方法

你可以用 on() 事件替换它并选择插入元素的父元素。

$('body').on(
'DOMNodeInserted','input[type="checkbox"],input[type="radio"]',function() {    
     $(this).iCheck({
        checkboxClass: 'icheckbox_minimal-blue',radioClass: 'iradio_minimal-blue'
    }) 
});