Getting JQuery-lib from Google with fallback to local server

Question

I've found a little script here in stackoverflow which allows me to load the JQuery lib from Google with a fallback to the local server. So I implement this in my site.

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

But firebug show me a syntax error after implementation:

syntax error
 window.jQuery || document.write(&apos;...uery-1.6.4.min.js">\x3C/script>&apos;)

Someone knows a workaround or a fix?

Kind Regards

AlexBay · Accepted Answer · 2011-09-16 07:47:22Z

4

This one is the correct escaping for it:

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

Working Demo.

edited Sep 16, 2011 at 7:47

answered Sep 16, 2011 at 7:32

AlexBay

1,3132 gold badges14 silver badges26 bronze badges

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

Comments

Femi · Accepted Answer · 2011-09-16 14:01:03Z

1

Try this: ~~window.jQuery || document.write('');~~

No need for the entity shenanigans.

EDIT: interesting. It is dumping it out inside the script block, and then the javascript parser is falling over. Try this instead (I deliberately botched the CDN url so it would force the download of the local copy):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.4/jquery.js"></script>
<script>window.jQuery || function(){ var script=document.createElement('script');script.src='js/jquery.js'; document.getElementsByTagName('head')[0].appendChild(script); }();</script>

edited Sep 16, 2011 at 14:01

answered Sep 16, 2011 at 6:44

Femi

64.8k8 gold badges120 silver badges150 bronze badges

1 Comment

Raphael Over a year ago

after this one firebug tells me "unterminated string literal window.jQuery || document.write('<script src="js/jquery-1.6.4.min.js">"

Vinayak Phal · Accepted Answer · 2011-09-16 07:29:56Z

0

This snippet is working for me.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
   !window.jQuery && document.write('<script src="<?php echo $this->webroot; ?>js/jquery.min.js" type="text/javascript"><\/script>');
</script>

answered Sep 16, 2011 at 7:29

Vinayak Phal

8,9194 gold badges35 silver badges53 bronze badges

Collectives™ on Stack Overflow

Getting JQuery-lib from Google with fallback to local server

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related