检查是否使用Javascript加载了jquery

2020/10/21 06:01 · javascript ·  · 0评论

我正在尝试检查我的Jquery库是否已加载到我的HTML页面上。我正在检查它是否有效,但是有些不正确。这是我所拥有的:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript" src="/query-1.6.3.min.js"></script>
        <script type="text/javascript">
          $(document).ready(function(){
             if (jQuery) {  
               // jQuery is loaded  
               alert("Yeah!");
             } else {
               // jQuery is not loaded
               alert("Doesn't Work");
             }
          });
        </script>

事情不对

好吧,您正在使用jQuery检查jQuery是否存在。如果未加载jQuery,则根本$()不会运行,并且回调也不会执行,除非您正在使用另一个库,并且该库恰好共享相同的$()语法。

删除您的$(document).ready()(使用类似方法window.onload):

window.onload = function() {
    if (window.jQuery) {  
        // jQuery is loaded  
        alert("Yeah!");
    } else {
        // jQuery is not loaded
        alert("Doesn't Work");
    }
}

按照链接:

if (typeof jQuery == 'undefined') {
    // jQuery IS NOT loaded, do stuff here.
}


该链接还有更多评论,例如,

if (typeof jQuery == 'function') {...}

//or

if (typeof $== 'function') {...}

// or

if (jQuery) {
    alert("jquery is loaded");
} else {
    alert("Not loaded");
}


希望这涵盖了完成此工作的大多数好方法!

if ('undefined' == typeof window.jQuery) {
    // jQuery not present
} else {
    // jQuery present
}

检查网页时,可以在控制台选项卡上快速完成此操作。

例如:

$ === jQuery

如果返回,true则表示已加载。

只需稍作修改即可实际解决问题:

window.onload = function() {
   if (window.jQuery) {  
       // jQuery is loaded  
       alert("Yeah!");
   } else {
    location.reload();
   }
}

代替$(document).Ready(function()使用window.onload = function()

如果jQuery正在异步加载,则可以等待直到定义完成,然后每隔一段时间检查一次:

(function() {
    var a = setInterval( function() {
        if ( typeof window.jQuery === 'undefined' ) {
            return;
        }
        clearInterval( a );

        console.log( 'jQuery is loaded' ); // call your function with jQuery instead of this
    }, 500 );
})();

此方法可用于任何变量,您正等待出现。

注意:请勿使用jQuery测试您的jQuery

当您使用其他用户提供的任何代码时,如果要在窗口而不是alert上显示消息,请console.log确保使用javascript而不是jquery。

并非每个人都想使用alertconsole.log

alert('jquery is working');
console.log('jquery is working');

下面的代码将无法显示消息,

因为我们在内部使用了jquery
else(如果没有jquery,消息在屏幕上的显示方式)

if ('undefined' == typeof window.jQuery) {
    $('#selector').appendTo('jquery is NOT working');
} else {
    $('#selector').appendTo('jquery is working');
}

改用JavaScript

if ('undefined' == typeof window.jQuery) {
    document.getElementById('selector').innerHTML = "jquery is NOT working";
} else {
    document.getElementById('selector').innerHTML = "jquery is working";
}

您只需输入
window.jQueryConsole即可。如果它返回一个函数(e,n)...则确认该jquery已加载并成功工作。

一种快速的方法是在开发人员控制台中运行jQuery命令。在任何浏览器上,按F12并尝试访问任何元素。

 $("#sideTab2").css("background-color", "yellow");

在此处输入图片说明

本文地址:http://javascript.askforanswer.com/jianchashifoushiyongjavascriptjiazailejquery.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!