與「等待」消息

Question

jQuery的對話框加載頁面我打開一個jQuery對話框

$("#dialog").dialog({ 
    autoOpen: false, 
    title: 'Contract', 
    height: 450, 
    width:1100, 
    modal:true, 
    resizable: true 
}); 



$(".btnSend").click(function() { 
    var id=$(this).attr('id'); 
    $("#dialog").load("index.php?id="+id); 
    $("#dialog").dialog("open"); 
    $('.ui-widget-overlay').css('background', 'silver'); 
}); 

的index.php頁面加載速度很慢，所以我想顯示一條消息，之前的頁面完全加載一個按鈕。

我嘗試用正確的CSS和HTML，但這個隱藏徹底似乎不順利的對話框經典裝載機腳本像

$(window).load(function() { 
$(".loader").fadeOut("slow"); 
}); 

。

您有任何想法/解決方案嗎？

謝謝！

Answer 1

顯示加載微調或消息，直到完全加載。

HTML

<span id="loading" style="display:none;">Loading..</span> 

的JavaScript

$("#loading").show(); //Before loading the Data 
     $("#dialog").load("index.php?id="+id, function(){ 

      $("#loading").hide(); //On Completion, hide it. 
    } 
);