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 partial postback functions inside $(document).ready() but i have about 4 or 5 on the page at once. Is this a bad practice? Specifically, will it cause any performance issues?
jQuery - is it bad to have multiple $(document).ready(function() {});
Viewed 16220
5 Answers
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
No it is fine to have as many as you want. A shorter, much more elegant way to do this is $(function(){}) though.
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?
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).
Related