Question

我需要在第三方网站上嵌入一些JavaScript代码。该网站有静态加载的多个jQuery副本，可能是动态加载的。还有一个jQuery UI的副本在某个时刻加载到网站中，并且只有一个jQuery通过ui名称空间进行扩展。我的代码依赖于jQuery和jQuery UI，因此我需要在其中找到带有ui名称空间的jQuery副本。

有没有办法枚举加载到页面中的所有jQueries并找到其中包含ui名称空间的jQueries？

Answer 1

您可以尝试查看其是否已加载

if (typeof jQuery.ui != 'undefined') {
  // UI loaded
}

但是加载了多个jquery会带来麻烦。

Answer 2

使用jQuery.noConflict枚举加载到页面中的jQuery的所有副本：

function unwindJquery(jQuery) {
    var res = [];
    if (jQuery&&jQuery.fn&&jQuery.fn.jquery) {
        res.push(jQuery);
        var jQueryOriginal = window.jQuery;
        try {
            jQuery.noConflict(true);//fill window.jQuery with previous copy
            if (window.jQuery&&window.jQuery!=jQueryOriginal) {
                res = res.concat(unwindJquery(window.jQuery));
            }
        } finally {
            window.jQuery = jQueryOriginal;
        }
    }
    return res;
}
console.log("before:" +window.jQuery.fn.jquery);
var rgJQuery = unwindJquery(window.jQuery);
for (var ix in rgJQuery) { //listed in reverse order
    console.log(ix+"> "+rgJQuery[ix].fn.jquery);
}
console.log("after:" +window.jQuery.fn.jquery);

枚举加载到页面中的jQuery的多个副本

2 个答案: