jquery - 如何检查 jquery 是否已加载？我们可以以编程方式将旧版本替换为新版本吗？

Question

我想知道，当我在页面中添加 jquery 时，我想在添加之前检查该 jquery 是否已添加，如果未添加，则仅添加否则不添加。

例如我添加了 jqueryjquery-1.4.1.min

<script type="text/javascript" src="<?php echo SITE_JS;?>jquery-1.4.1.min"></script>

之后，当我尝试添加 jqueryjquery-1.7.1.min

in case i didnt know that i have already added or not所以我尝试添加它，但在此之前我想检查版本，如果 jquery 与旧版本或相同，那么我不希望它添加，否则添加新 jquery 并禁用旧版本。

<script type="text/javascript" src="<?php echo SITE_JS;?>jquery-1.7.1.min"></script>

在添加这个之前，我想检查 jquery 是否已经存在更高版本。这怎么可能？

Answer 1

试试看，

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    window.jQuery || document.write('<script src="<?php echo SITE_JS;?>/jquery-1.9.1.min.js"><\/script>');
 // you should have jquery-1.9.1.min.js on the site url
</script>

Answer 2

使用“window.load”事件

(function() {
if (window.addEventListener) {
    // Standard
    window.addEventListener('load', jQueryCheck, false);
}
else if (window.attachEvent) {
    // Microsoft
    window.attachEvent('onload', jQueryCheck);
}
function jQueryCheck() {
    if (typeof jQuery === "undefined") {
        // No one's loaded it; either load it or do without
    }
}
})();

参考

Answer 3

试试这个方法来检查jquery是否被加载...如果加载打印版本...

if (typeof jQuery != 'undefined') {  
        // jQuery is loaded => print the version
          alert(jQuery.fn.jquery);}

根据版本编写逻辑来加载您的 jquery 版本...