javascript - 在使用 jQuery 加载页面后加载广告

Question

我为 jQuery 编写了一个插件，它将广告 JavaScript 的输出复制到容器 Div 中。

所以我将广告 JS 放在页面底部(这样它们就不会降低我的页面加载速度)，位于不建议的 Div 中，如下所示:

<div id="ad_loader_4" class="ads_loader"></div>

这些div的id指向容器div。 容器 div 看起来像:

<div id="ad_4"></div>

jQuery 插件等待页面结束加载，然后抓取在不可见 div 中创建的所有元素并将它们附加到容器 div 中。

jQuery 插件如下所示:

(function($) {  
// jQuery plugin definition  
$.fn.adsLoader = function(params) {  
    // merge default and user parameters  
    params = $.extend( {}, params);  
    // traverse all nodes  
    this.each(function() {  
        // express a single node as a jQuery object  
        var $t = $(this);  
        // find id  
        var id = $t.attr('id');
        id = id.substring(10,id.length);
        $t.children().not('script').appendTo("#ad_"+id);
    });  
    // allow jQuery chaining  
    return this;  
};  
})(jQuery);

该插件在 FF 和 Chrome 以及 IE8 中运行良好...在 Adsense 和其他一些广告程序中...但问题开始于 IE7...出于某种原因，有时广告会加载到容器中，有时会加载到容器中他们不...

我的插件出了什么问题？

Answer 1

我简化了一点。

(function($) {
// jQuery plugin definition
$.fn.adsLoader = function() {
    // traverse all nodes
    this.each(function() {
        // get ad id and replace
        var id = this.id.substr(10);
        $("#ad_"+id).replaceWith(this);
    });
    // allow jQuery chaining
    return this;
};
})(jQuery);

注意:如果您隐藏底部 div，则可能需要在用它们替换空 div 后显示它们。