Multiple $(document).ready functions [duplicate]

Question

If I have multiple $(document).ready(...) functions, do they overwrite each other? For the sake of argument, pretend proper coding is thrown out the door on this one.

Say I have a $(document).ready(function() {...}); in my site's script file. Then I use a third party plugin that also uses $(document).ready(function() {...});. Will this overwrite my already created function or does jQuery "queue" these functions to all run when the document is ready?

No, just keep this in mind if you're using it a lot: encosia.com/dont-let-jquerys-document-ready-slow-you-down — Paul
– Paul, Commented Jul 21, 2011 at 0:37
@Spidy: did you even look a the suggested questions when creating this question? There is a ton of these questions already. It's a direct duplicate of about 5 other questions. — Alastair Pitts
– Alastair Pitts, Commented Jul 21, 2011 at 1:03
@Alastair - I did a search and looked at the suggested questions. I always do. Not my fault stackoverflow didn't show them. — Spidy
– Spidy, Commented Jul 21, 2011 at 1:18

davin · Accepted Answer · 2011-07-21 00:45:03Z

19

No, they do not override each other. Each function is executed.

You could of course check this easily yourself: http://jsfiddle.net/6jgGt/

Or understand from the jQuery code itself:

Line 255 is the ready function where the jQuery.bindReady(); is called which among other things initialises the readyList object on line 429 with readyList = jQuery._Deferred();

And once it's a deferred object the function passed in is appended with readyList.done( fn ); and we can see in the done method on line 41 that the element is added to an array with callbacks.push( elem ); so each one is saved separately...

edited Jul 21, 2011 at 0:45

answered Jul 21, 2011 at 0:35

davin

45.6k9 gold badges81 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Panomosh Over a year ago

sorry for resurrecting this, but, are the two document ready calls hoisted up into one call when it is interpreted by the browser, or are they literally queued and called one after the other?

endo64 Over a year ago

@Panomosh The latter.

FishBasketGordo · Accepted Answer · 2011-07-21 00:35:36Z

4

No, they don't overwrite each other. They are queued, like you said.

answered Jul 21, 2011 at 0:35

FishBasketGordo

23.2k4 gold badges60 silver badges92 bronze badges

Collectives™ on Stack Overflow

Multiple $(document).ready functions [duplicate]

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related