jquery - Execute function after all ajax .load() requests are finished

Question

I have a page that has a tab set. Each of the tabs is loaded by the jQuery .load() function.

I want to display a loading animation that disappears when all of the ajax requests are finished. However, document.ready() has only provided me with limited success.

How can I ensure that all ajax requests are completed before executing the code to hide the loading animation?

Answer 1

.ajaxStop(handler)

Documentation here: http://api.jquery.com/ajaxStop/