延迟Div OnLoad

Question

我有一个div，我想使用jQuery延迟onLoad一段时间。这是我的代码不起作用：

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

Answer 1

CSS：

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

jQuery的：

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

• DEMO

Answer 2

要执行此操作，您需要将div作为display: 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/