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

Question

我需要将JavaScript代码嵌入到第三方网站中。该网站有多个静态加载和可能动态加载的jQuery副本。还有一个jQuery UI副本在某个时候加载到网站中，只有一个jQueries被扩展到ui命名空间中。我的代码依赖于jQuery和jQuery UI，因此我需要定位包含ui命名空间的jQuery副本。

是否有一种方法可以枚举加载到页面中的所有jQueries并定位其中包含ui命名空间的页面？

Answer 1

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

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);

Answer 2

你可以试着看看它是否装载了

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

但是，加载多个jquery可能会带来麻烦。