2012-09-29 58 views
1

我對jQuery相當陌生,而且我不太確定這個方向,但我想要某種類型的jQuery或Javascript我可以進去,並有約3秒的.delay()功能,同時顯示「請稍候」,然後顯示div內容。對不起,我沒有代碼可以顯示,我只能描述這個理論。 =/jQuery - 「加載,請稍候」在某些Div

感謝您提供任何幫助 - 死靈

+0

剛看到一些答案較低,他們回答這個問題,但爲什麼你會有一個「窪」它加載「如果沒有加載?所以,我想你有一個ajax調用或類似的東西 - 這需要一些其他的技術,因爲ajax調用結束並不總是相同的,並且不能使用定時器來設置。在你等待顯示div內容之後,你能解釋得更清楚嗎? –

+0

因爲我使用另一個從谷歌分析獲取數據的插件,它需要2-3秒=] – Necrohhh

+0

然後,使用2-3秒的超時將無法正常工作,因爲您不能保證您的信息在2 -3秒 - 它可能,並且有時需要更長的時間。而且,有時可能會比您設定的超時時間短。所以,檢查你的插件的回調函數。 –

回答

1
<div id="mydiv"> 

    <span id="loading">Loading...</span> 

    <span id="content" style="display:none;">Bla bla bla</span> 

</div> 

<script> 
setTimeout(function(){ 

    $("#loading").hide(100); //100 = animation speed in miliseconds 
    $("#content").show(100); 

}, 3000); //3000 miliseconds = 3 seconds 
</script> 

例子:http://jsfiddle.net/dbdAx/

+0

完美!真棒解決方案,謝謝。還有一個問題,在跨度ID「加載」上設置CSS將允許我淡出背景和其他類似的東西是否正確? – Necrohhh

+0

是的,當它淡出,然後隱藏整個元素。 – stackunderflow

+0

如此處所示http://jsfiddle.net/VJcKu/2 – stackunderflow

0

使用下面的方法

$("#div").html("Please wait loading"); 
setTimeout(myfunc,3000); 

function myfunc(){ 
$("#div").html(yourdata); 
} 

這裏是鏈接一個demo jsfiddle.net

相關問題