ansaurus

Question

$(document).ready(function() {...}) runs before plugin script loads

Answer 1

+1 A:

Put all of your scripts at the bottom of the page, right before the </body> tag.

If that doesn't fix it, move the scripts that do not appear to be loading in time back to the <head>, and leave the rest of the scripts at the bottom.

Robert Harvey 2010-06-05 00:40:07

The web framework I'm using doesn't easily permit me to put it at the bottom of <body>. I changed it so that the collapsiblefieldset.js is in <head>, and the jQuery ready handler is down in the body, at the point where the widget is defined. This doesn't seem to fix the problem.

RMorrisey 2010-06-05 01:07:45

Also, there are a lot of other scripts that run on this page; the most expensive of which happen in $() ready handlers. Not sure if this is relevant.

RMorrisey 2010-06-05 01:09:02

Looks like you're going to have to use the developer tools in IE8 to try and debug the Javascript code. http://coolwebdeveloper.com/2009/03/fantastic-new-javascript-debugging-tool-with-ie-8-and-its-list-of-features-hard-to-live-without/

Robert Harvey 2010-06-05 01:23:43

I did use the IE8 debugger, as mentioned in the original post. =)

RMorrisey 2010-06-05 19:01:09

Answer 2

+3 A:

You're using

$(function(){...});

which is synonym of

$(document).ready( function(){...} );

Instead, you might try

$(window).load( function(){...} );

which fires later in the page loading sequence.

Ken Redler 2010-06-05 02:33:28

Thank you! This seems promising; I'll try it out on Monday

RMorrisey 2010-06-05 19:00:17

I was mistaken to think that it was a timing issue. The errors I got were masking the actual problem, which was a syntax error in the external .js file in question. Assigning the command script to the window load event seems to have exposed the underlying problem.

RMorrisey 2010-06-07 15:51:16

ansaurus

tags:

views:

answers:

$(document).ready(function() {...}) runs before plugin script loads

related questions