jquery保持div的內容，直到ajax內容到達

Question

所以我有一個Div標籤，我加載了AJAX內容。我想這樣做，當用戶觸發AJAX事件時，它將當前內容保持在中心的旋轉加載圓。我目前使用下面的代碼

j("#AJAXContent") 
     .html("reloading") 
     .load(Url, "foo="+bar); 

然而，該代碼將只是「重裝」的文本替換當前的div標籤，然後新的內容來和替換。

Answer 1

如果您想要在內容div中顯示加載圖像，請在調用ajax時添加一個類。這個類將基本顯示一個加載圖像作爲容器的背景。另一種選擇是有一個絕對定位的div，其中有一些高度/寬度並將圖像加載到中心。在進行ajax調用時，在容器的中心和頂部顯示此div。

.loading 
{ 
    background:none url("loading.png") no-repeat center center; 
} 

j("#AJAXContent").addClass("loading").load(Url, "foo="+bar, function(){ 
    j("#AJAXContent").removeClass("loading"); 
}); 

另一種方式是在進行ajax調用之前在內容div上顯示加載div。

Answer 2

嘗試

j("#AJAXContent").load(Url, "foo="+bar); 

j("#AJAXContent").html("reloading")將與消息reloading更新div內容。

Answer 3

這可能有所幫助：http://jsfiddle.net/SQHgu/，儘管不允許跨域請求（僅舉例）。