We have designed a new site in Magento and everything looks good in Firefox, Chrome, Opera and IE 7,8 and 9 and 10 Compliance... however IE10 Standard is returning a jquery undefined error on the following noconflict script (line 32 character 5)
var $j = jQuery.noConflict();
I have tried moving the script to the top of the head section, the bottom, just above and below the linked script. I have tried putting the noconflict into the script itself. I have changed DOCTYPES thinking that was causing the issue. Because it works fine in all other versions, I have also tried to use a X-UA for 9 and emulate 9 meta which both get ignored, as well as tried the .htaccess method. To no avail. IE10 just seems to do what it wants to do.
As I am not a jQuery pro and still learning the ins and outs of designing for IE10, I am at a loss and would appreciate any suggestions as to how to fix it. The site is still in development removed (forgive me for not posting a proper link as we don't want it crawled just yet).
Your error is not unique to IE 10 – I can see it too in Opera 12:
Error thrown at line 6, column 2 in http://www.ecigexpress.com/newecx/:
var $j = jQuery.noConflict();
Das verlinkte Skript wurde nicht geladen. [The linked script was not loaded.]
You are trying to access the jQuery object before the jQuery JS file was included. Double-check the order of your JS includes. jQuery should come first.
Also if you use a construct like the follwing, you don't need to bother about the noConflict() setting at all:
jQuery( document ).ready( function( $ ) {
/* jQuery passes itself to the event handler function and we use
* the local name $ for jQuery in this functions scope. */
$( [] ) == jQuery( [] );
} );