顯示圖像，直到內容加載

我正在做一個jQuery數據從數據庫表後端搜索..直到我從表中獲取數據...我如何顯示圖像像每一個它顯示像搜索或類似的東西顯示圖像，直到內容加載

我有一個小小的懷疑..我的項目已經發展壯大。每一處都使用.change功能。我可以寫一個全局代碼，就像調用函數被調用時一樣..顯示圖像直到數據被加載？

2010-04-27 Hacker

如果我們知道你是怎麼做你的電話，它會更容易提供一個建議。嘗試發佈.ajax，.post，.get或其他內容。 – justkt 2010-04-27 18:02:10

還有一個方法是使用$ .ajaxSetup，使您的所有疑問的顯示圖像：

$.ajaxSetup({ 

beforeSend: function (XMLHttpRequest) { 
    $("#loading").show(); 
}, 

complete: function (XMLHttpRequest, textStatus) { 
$("#loading").hide(); 
} 
});

來源

2010-04-27 18:08:47 DCrystal

有這個圖片的網頁最初在...

<img id="loading" src="loading.gif" />

然後用jQuery簡單的做到這些：

$(function(){ 
    $("#loading").hide(); 
});

如果它是一個Ajax調用（我認爲這是）這樣做的

：

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
     $("#loading").hide(); 
    } 
});

來源

2010-04-27 18:01:48 hunter

可能是「更安全」使用「完整」而不是「成功」 – hunter 2010-04-27 18:05:40

您可能想說$（function（）{$（「＃loading」）。show（）}）; ？;） – DCrystal 2010-04-27 18:11:58

取決於你如何看待它我猜。我想它已經可以在頁面上看到，但是你可以在.ajax調用 – hunter 2010-04-27 18:58:24

我只是使用像

$(function(){ 
$('#id').change(function() 
{ 
$.post('url.php',{name:$("#name").val()},function(data) 
{ 
$("#html").html(data); 
}); 
}); 
});

，所以我需要用我mge.show()代碼...前

$("#html").html(data);儀式伸出？

來源

2010-04-27 19:42:34 Hacker

不，在$（「＃html」）。html（data）之前。你可能想要隱藏圖像。並且在ajax通話之前 - 顯示它（或者如果你的圖像之前沒有隱藏過，請不要做任何事情） – DCrystal 2010-04-27 19:47:50

okie ..你的意思是說在 $（'＃id'）。change（function（） { 我需要顯示圖像和之前 $（「＃html」）。html（data）; 我需要隱藏圖像。 – Hacker 2010-04-28 07:21:34

顯示圖像，直到內容加載

回答

相關問題