Javascript code loading issue with IE7 and IE8

Question

The website in question is cpavalet.com

My javascript loads fine on all browsers except ie7 and ie8. For a few hours now I have been trying to debug the issue to no avail.

I am using jQuery and modernizr, and using the supersized library for the full-sized background images.

The weird thing is, sometimes when I load the page it loads correctly, other times the javascript doesn't work on the page. I think it has to do with the order the scripts are loaded. I am using document.ready for my jquery scripts.

Can anyone shed some light as to why it's not working correctly in ie7 and ie8? I am currently using ie8 for testing purposes.

I am using javascript for: image slider on home page, full-size background images, back to top link to slide to the top, and form validation.

Thanks!

Corey

Answer 1

My guess as to why it wasn't loading correctly was partly correct. I thought that it was because of the order I had my scripts being run on the page.

The answer is that I was using the defer attribute when loading my scripts. When I removed the defer attributes, the scripts started working correctly again.