jQuery - is it bad to have multiple $(document).ready(function() {});
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?
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
The answer is actually "Yes it deters performance":
http://jsperf.com/docready/3
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?