检查是否使用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已经加载并成功运行。