页面初始化期间的jquery显示对话框

Question

如何在document.ready（或更早）的开头显示“加载”的jqueryui对话框，然后在document.ready结束时将其消失。

Answer 1

在body标记后面设置并显示您的对话框，并在document.ready时将其关闭。

Answer 2

试试这个它可以在所有浏览器中工作，即使它们在IE 6/7等javascript执行速度很慢

$(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);

});

Answer 3

我会有一个显示消息的元素，只需在document.ready准备就绪时隐藏它。例如：

$(document).ready(function() {
    // All other loading items
    $("#loadingMessage").hide();
});

确保将hide（）函数作为最后一个，就像其他所有其他函数一样。