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

Question

我打算让下图中的图像div最初被隐藏，但在页面加载后大约 1200 毫秒显示。

但是，它不起作用。我的 jQuery 在某处应该是错误的..

HTML：

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

查询：

<script type="text/javascript">

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

</script>

Answer 1

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

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

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

Answer 2

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

在这里演示