頁面初始化過程中的jquery顯示對話框

Question

如何讓jqueryui對話框在document.ready（或更早）的開頭顯示「Loading」，然後讓它在document.ready的末尾消失。

Answer 1

試試這個它會在所有的瀏覽器工作，即使他們是緩慢的JavaScript執行類似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); 

}); 

Answer 2

在body標籤後面設置並顯示對話框，並在document.ready時將其解除。

Answer 3

我將有一個顯示該消息的元素，只是將其隱藏在文件準備就緒。例如：

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

請確保您將hide（）函數作爲最後一個，這樣其他所有內容都會先載入。