Detect Jquery with regular javascript, if not present load it dynamcally

Question

I need the code to use regular javascript to detect whether or not JQuery is present, if not, load JQuery file from google or another website

UPDATE Two Working Solutions (just copying and pasting the working code here):

From Claudio Redi

window.jQuery || document.write("<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'>\x3C/script>")

From Rob Darwin

var jQueryScriptOutputted = false; function initJQuery() { if (typeof(jQuery) == 'undefined') { if (! jQueryScriptOutputted) { jQueryScriptOutputted = true; document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>"); } setTimeout("initJQuery()", 50); } } initJQuery();

Check this answer man stackoverflow.com/questions/1828237/… — eric.itzhak
– eric.itzhak, Commented May 23, 2012 at 21:28

Claudio Redi · Accepted Answer · 2013-06-13 12:32:24Z

17

There are many ways, I like this most only because is the less verbose

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script> <script>window.jQuery || document.write("<script src='js/jquery-1.7.2.min.js'>\x3C/script>") </script>

edited Jun 13, 2013 at 12:32

answered May 23, 2012 at 21:35

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Patriotec Over a year ago

I didn't see your answer until later. Strange. Your code works. Thanks

Michael Paulukonis Over a year ago

ugh. I clicked downvote by accident -- should have been upvote, but now it's locked-in until question is edited. sorry about that, chief.

Claudio Redi Over a year ago

@Michael Paulukonis: no problem. Edited answer in case you're interested in reverting your vote.

Francisco Quintero Over a year ago

the line src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" produces an error in Webkit which I corrected adding the protocol http.

zanderwar Over a year ago

@Francisco // is dynamic protocol, that means it will adopt whatever protocol is currently in use

Alnitak · Accepted Answer · 2015-11-28 11:31:15Z

The nice way to load jQuery without using document.write is:

if (window.jQuery === undefined) { var s = document.createElement('script'); s.src = "//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"; document.head.appendChild(s); }

This will cause an asynchronous load, though - so you may want to include a .onload handler to allow execution to wait until the load has finished.

onload doesn't seem to work always: stackoverflow.com/questions/3248384/…

Rob Darwin · Accepted Answer · 2012-05-23 22:27:21Z

Something like this should work.

EDIT: Code added from above link.

var jQueryScriptOutputted = false; function initJQuery() { //if the jQuery object isn't available if (typeof(jQuery) == 'undefined') { if (! jQueryScriptOutputted) { //only output the script once.. jQueryScriptOutputted = true; //output the script (load it from google api) document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></scr" + "ipt>"); } setTimeout("initJQuery()", 50); } else { $(function() { //do anything that needs to be done on document.ready }); } } initJQuery();

Thanks. Worked out well. I added the working code into my question.

Collectives™ on Stack Overflow

Detect Jquery with regular javascript, if not present load it dynamcally

3 Answers 3

5 Comments

1 Comment

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

1 Comment

1 Comment

Linked

Related