2012-03-12 7 views
2

У меня есть div, который я бы хотел отложить onLoad в течение заданного периода времени с помощью jQuery. Вот код, который я, что не работает:Delay Div OnLoad

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

Именно то, что "не работает"? – adeneo

+0

Любая проблема с вашим кодом HTML? Пожалуйста, создайте демо-версию здесь: http://jsfiddle.net/ – approxiblue

+0

http://jsfiddle.net/V2Zwz/ - Кажется, нужно работать самостоятельно, проверьте свою консоль JS, чтобы увидеть, есть ли какие-либо ошибки, останавливающие выполнение ваш код. – Jasper

ответ

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

1

Для того, чтобы сделать это вам нужно терпкий от Вашего div как display: none, а затем поместить код отображения в $(document).ready(..)

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

Javascript

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

Fiddle: http://jsfiddle.net/6B6he/