javascript - 动态绑定jquery插件？

Question

在 jQuery 中，您可以通过绑定到父元素并像这样分配过滤器，将事件侦听器动态绑定到具有“subthing”类的所有未来 div 实例：

$(".thing").on("click", ".subthing", function(){ 
  console.log('subthing clicked');}
);

如果我有一个我通常会绑定的 jquery 插件

$(".subthing").thingify();

是否有一种既定的方法确保 .subthing 的所有未来实例也将附加插件？

Answer 1

尝试：

document.body.addEventListener("DOMNodeInserted", function(event){
    var $elementJustAdded = $(event.target);
    if ($elementJustAdded.hasClass('subthing')) {
        $elementJustAdded.thingify();
    }
}, false);

Answer 2

看看livequery 插件

$(".subthing").livequery(function(){        
    $(this).thingify(); 
});

我认为这正是你所需要的。