jQuery - is it bad to have multiple $(document).ready(function() {});

Question

Is it bad to have multiple $(document).ready(function() {}); on your page? I have a website where I load different things at different times. I fire off those p

Answer 1

If any of them throw an exception, it blocks the rest from running. This can be very difficult to debug with code "littered" across multiple source files (esp. 3rd party libraries).

Answer 2

If it's on the same page I would personally put them all in the same place so that you can't be caught out by forgetting one of the things happening on load.

I doubt the performance implications are that significant though. Have you tried benchmarking the page with them all together and apart?

Answer 3

The answer is actually "Yes it deters performance":

http://jsperf.com/docready/3

Answer 4

This answer is no longer relevant. Please see other posts below for more up-to-date jQuery $.ready() impacts. This post is over 3 years old.

See: http://jsperf.com/docready/11

The answer is no! You can litter them as much as you want (note the word litter). They just become a queue of events that are called when the ready event is triggered.

http://www.learningjquery.com/2006/09/multiple-document-ready

Answer 5

No it is fine to have as many as you want. A shorter, much more elegant way to do this is $(function(){}) though.