Jquery is not defined in firefox

Question

I am getting Jquery is not defined in FireFox browser but works in opera, here is ex http://eef.percipio.me/index/charts.

I load jquery with

if (!window.jQuery) {
  var jq = document.createElement('script'); jq.type = 'text/javascript';
  // Path to jquery.js file, eg. Google hosted version
  jq.src = 'http://eef.percipio.me/themes/third_party/charts/js/jquery-1.10.2.min.js';
  document.getElementsByTagName('head')[0].appendChild(jq);
}

and seems problem with this code, since it works if I do

<script src="http://eef.percipio.me/themes/third_party/charts/js/jquery-1.10.2.min.js" type="text/javascript">

It works fine without Firebug enabled, for me. I can see the chart. But when I enable the firebug its giving error. Do you have the same issue? — Falaque, Jan 08 '14 at 13:48
Works fine for me also, I don't see any errors in firebug either — JBB, Jan 08 '14 at 13:52

score 2 · Answer 1 · edited May 23 '17 at 12:19

2

Your link is working intermittently for me, even with firebug open. It looks like a timing issue to me, I think you need to make sure jQuery is loaded before trying to use it.

Try googling 'load jquery if not loaded' or take a look at this article - it provides code that should help you.

Also, here is another SO question about a similar issue.

edited May 23 '17 at 12:19

Community

1
1

answered Jan 08 '14 at 13:56

Mike C

3,077
22
29

score 1 · Answer 2 · answered Jan 08 '14 at 14:10

Works intermittently for me, too. Definitely a timing issue.

You could poll for the availability of jQuery:

function withjQuery ($) {
  // use $
} 
function pollForjQuery () {
  if (window.jQuery) {
    withjQuery(window.jQuery);
  } else {
    // checks for jQuery again in 50ms
    setTimeout(pollForjQuery, 50);
  }
}

// check for jQuery in 0, 50, 100, 150, 200ms etc.
pollForjQuery();

Reference

Jquery is not defined in firefox

2 Answers2