Question

I’m having a problem on this page getting a ‘jQuery is not defined’ error in Chrome and IE due to the jQuery placeholder script.

• jQuery is declared before the plugin script.
• There’s no conflict with $ as far as I can tell

I’m really stumped on this one, any advice would be great. Cheers

Answer 1

The problem is coming from http://www.environment.nsw.gov.au/js/decc/ignitionSuite.js, which includes jQuery and jquery.placeholder dynamically in an iframe:

jqPath = "http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"
jqPlaceholderPath = "http://www.environment.nsw.gov.au/js/decc/jquery.placeholder.min.js"
...
loadjscssfile(jqPath, "js");
...
loadjscssfile(jqPlaceholderPath, "js");

Since the scripts are included dynamically, the browser isn’t required to block execution until the first one loads. That means its entirely possible for jquery.placeholder to load first before jQuery, and the error occurs.