2012-08-07 29 views
0

我打算將div中的圖像初始隱藏,但在頁面加載後顯示約1200毫秒。在設定的時間後顯示隱藏的元素

但是,它不工作。我的jQuery應該是錯誤的地方..

HTML:

<div id="zz"> 
    <img src='images/number2.png' /> 
</div> 

的Jquery:

<script type="text/javascript"> 

    $('#zz').hide().delay(1200).fadeIn('normal'); 

</script> 
+0

做工精細這裏http://jsfiddle.net/j08691/zf9nz/。你記得加載jQuery? – j08691 2012-08-07 16:43:26

回答

3

你的代碼是正確的( - 1.4加入延遲()假設你正在使用jQuery 1.4或更高版本)。可能發生的情況是您在DOM完成加載之前調用腳本?

嘗試包裝你的電話是這樣的:

$(function(){ 
    $('#zz').hide().delay(1200).fadeIn('normal'); 
}); 
+0

是的你是對的,顯然我在DOM完成加載之前調用了我的腳本。添加'$(document).ready(function()'代碼使其工作。 – TheKraven 2012-08-07 16:53:10

0

通過CSS隱藏的div,而不是jQuery的。然後在沒有隱藏命令的情況下使用其餘的jquery語句。

DEMO HERE

+1

用jQuery隱藏div有什麼問題?通過CSS隱藏 – j08691 2012-08-07 16:43:52

+0

只是更高效。 – Scott 2012-08-07 16:44:27

+1

也許,但OP的代碼實際上工作正常。 – j08691 2012-08-07 16:44:44