在设定的持续时间后显示隐藏的元素

Question

我计划将下面显示的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>

Answer 1

您的代码是正确的（假设您使用的是jQuery 1.4或更高版本 - 在1.4中添加了delay（））。可能发生的是您在DOM加载完成之前调用脚本？

尝试像这样打包你的电话：

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

Answer 2

通过CSS隐藏div，而不是jquery。然后使用你的jquery语句的其余部分而不使用hide命令。

DEMO HERE