加載對話框時加載頁面時

Question

我想之前的頁面加載

這樣 Demo here在這個演示 它阿賈克斯帶來了數據，但在我來說，我沒有使用加載對話框Ajax帶來的數據？請任何想法..

Answer 1

使用jQuery UI dialog。嘗試是這樣的：

<div id="loadingDialog" onload="dialogDivLoad()"> 
    <img src="images/loading.png" alt="Loading" /> 
</div> 

而且代碼：

function dialogDivLoad() { 
    $(this).dialog({ 
     modal: true 
    }); // make it modal 
} 

$(function() { 
    $('#loadingDialog').dialog('close'); 
}); 

如果通過AJAX使用jQuery .ajax功能試試這個，而不是檢索數據：

$(function() { 
    $('#loadingDialog').dialog({ 
     autoOpen: false, 
     modal: true 
    }); 
}); 

// somewhere in place of AJAX call 
// show it here 
$('#loadingDialog').dialog('show'); 
$.ajax({ 
    //... 
    complete: function() { 
     // and close here 
     $('#loadingDialog').dialog('close'); 
    }, 
    success: function() { 
     // message, that data loaded 
    }, 
    error: function() { 
     // message, that data loading failed 
    } 
});