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

Question

我需要为页面中新创建和添加的元素调用一些 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+可以同样使用？

Answer 1

您可以将其替换为 on() 事件并选择插入元素的父元素。

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