What jQuery event is called right after $(document).ready()?

There is another event which is fired later. it's $(window).load(); This is fired after all resources are loaded.

But perhaps you want this:

function loadWindowSystem(){
    // load window system here
}

$(document).ready(function(){
    // do some html stuff here

    loadWindowSystem();
})

This way you can separate your code in functions.


If you want something to fire right after all $(document).ready() calls, you can put this once anywhere in your page:

$(document).ready(function() {
    setTimeout(function() {
        // call your code here that you want to run after all $(document).ready() calls have run
    }, 1);
});

This will get called along with all the other document.ready calls, but it sets a short timeout that will execute after all the other document.ready calls have finished.


I usually don't advocate using setTimeout, but you can build on top of @jfriend00's answer to create a more abstract approach:

$(document).ready(function() {
    setTimeout(function() {
        $(document).trigger('afterready');
    }, 1);
});

$(document).bind('afterready', function() {
    // call your code here that you want to run after all $(document).ready() calls have run
});

  $(window).load(function(){
   //some code after ready 
  });