检查是否使用Javascript加载jQuery

我试图检查我的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,那么$()甚至不会运行,你的callback将不会执行,除非你使用另一个库,并且这个库恰好共享相同的$()语法。

删除你的$(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 ('undefined' == typeof window.jQuery) { // jQuery not present } else { // jQuery present } 

根据这个链接:

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

还有一些关于链接的评论,

 if (typeof jQuery == 'function') //or if (typeof $== 'function') 

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

希望这涵盖了所有好方法来完成这个事情!

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

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

而不是$(document).Ready(function()使用window.onload = function()

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

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

在这里输入图像说明

你可以在Console中inputwindow.jQuery 。 如果它返回一个函数(e,n)…那么确认jquery已经加载并成功运行。