Question

How can I have a jqueryui dialog display “Loading” at the beginning of document.ready (or sooner) and then have it disappear at the end of document.ready.

Answer 1

Try this it will work in all the browsers even if they are slow in javascript execution like IE 6/7

$(document).ready(function(){

  $("LoadingContainer").dialog('open');

  setTimeout(function(){
    //Put all the stuff here which you want to execute on load

    //Finally close the loading dialog
    $("LoadingContainer").dialog('close');

  }, 400);

});