2012-03-12 49 views
2

我有一個div,我想延遲onLoad一段時間使用jQuery。以下是我不工作的代碼:Delay Div OnLoad

$('#PriceBox').delay(8000).fadeIn(400); 
+7

究竟是什麼 「不工作」? – adeneo 2012-03-12 18:22:54

+0

您的HTML代碼有任何問題?請在這裏設置一個演示:http://jsfiddle.net/ – approxiblue 2012-03-12 18:23:16

+0

http://jsfiddle.net/V2Zwz/ - 似乎在自己的工作,檢查您的JS控制檯,看看是否有任何錯誤停止執行你的代碼。 – Jasper 2012-03-12 18:24:48

回答

9

CSS:

/** make sure the element is initially hidden */ 
​#PriceBox { 
    display: none; 
}​ 

的jQuery:

$(document).ready(function() { 
    $('#PriceBox').delay(8000).fadeIn(400); 
}); 
+1

@jimu_nimja很酷。你可以用綠色標記它。 – paislee 2012-03-12 21:49:40

1

爲了做到這是你需要的撻把你divdisplay: none,然後把顯示的代碼在$(document).ready(..)

<div id="PriceBox" style="display: none">Delay load me</div>​ 

的Javascript

$(document).ready(function() { 
    $('#PriceBox').delay(1000).fadeIn(1000); 
});​ 

小提琴:http://jsfiddle.net/6B6he/