jquery - AJAX loa 之后初始化 jQuery 插件

Question

我正在寻找一种在使用 Ajax 加载内容后重新初始化插件的好方法。 例如，此代码初始化一个 jquery 插件:

$('.helloworld').plugin({
 option_one: value
});

因此，在使用 ajax 加载内容后，页面内会出现一个类为“helloworld”的新元素。我希望我刚刚初始化的插件也能引用使用 ajax 加载的元素。 我可以将上面的代码放入 JavaScript 函数中，并在 ajax 加载后调用它，但我认为有一种更舒适的方法。 有人知道怎么做吗？

Answer 1

我不确定这是否是最优雅或最有效的方法，但我正在考虑为 AJAX 加载的 .helloworld 提供一个名为 .no_plugin 的附加类，并在页面上设置 1000 毫秒的间隔来查找 $('.no_plugin ')，附加插件，并删除 .no_plugin 类，以便下次间隔触发时，它不会尝试将插件重新附加到已经拥有它的东西。

//set the interval
setInterval(function(){

    //find all instances of .no_plugin
    //remove the class AFTER applying the plugin or else the selector will lose it's place
    //and fail to attach your plugin
    $('.no_plugin').plugin({
        option_one: value
    }).removeClass('no_plugin');

}, 1000);