ansaurus

Question

My jQuery ready function is firing too early... It's not ready!

Answer 1

+1 A:

But the $(document).ready() if executing too early. Not everything has been parsed and the resizable fails.

This shouldn't be. ready() fires when the DOM has been parsed and rendered. The only thing that could still be loading is style sheets (don't know what to do about those) and images.

If your resizable depends on images being fully loaded, use the load event instead.

Pekka 2010-09-03 21:47:10

No images, just HTML.

dacracot 2010-09-03 22:04:13

Same problem with $(document).load().

dacracot 2010-09-03 22:07:06

@dacracot then the problem must be somewhere else. These events are guaranteed to be rock-solid across all browsers. Can you describe in more detail what happens?

Pekka 2010-09-03 22:07:11

@Pekka - Hard to describe when nothing happens. I added a button to the page temporarily with the same code as the ready function, and it works. So it does seem to be a timing issue. Using firebug and examining the HTML, I don't see the jQuery additions until after I click my temporary button.

dacracot 2010-09-03 22:10:38

@dacracot maybe it's an order issue - something happening too early in the ready event? (The ready event is a queue, and most jQuery plugins append something to it.) Also, a live example might be helpful. I'm off for the day now, good luck!

Pekka 2010-09-03 22:13:58

Answer 2

A:

Try using $(window).load() rather than $(document).ready()... This will wait until EVERY single aspect has loaded to completion... a little slower but should iron out your bug

Aardvark 2010-09-03 21:47:55

Same problem with $(window).load().

dacracot 2010-09-03 22:03:46

Answer 3

A:

Stupid should hurt.

I also had a body onload event that was executing after the jQuery events but on which the resizable was dependent.

Answer: Don't use both methods.

dacracot 2010-09-03 22:32:02

ansaurus

tags:

views:

answers:

My jQuery ready function is firing too early... It's not ready!

related questions