页面加载 2 秒后显示 div答案

【问题标题】：Show div after 2 seconds of page load页面加载 2 秒后显示 div
【发布时间】：2013-01-31 22:31:55
【问题描述】：

我目前正试图在页面加载 2 秒后显示一个 div。我可以通过在页面加载两秒后隐藏 div 来成功地做相反的事情。问题是什么都没有发生，并且 div 保持隐藏状态。如何在页面加载两秒后正确显示 div？额外：意味着在运行两秒时显示一个 ajax 加载 gif，然后在 div 中淡入淡出

<script type = "text/javascript">  
$(window).load(function() {
    setTimeout(function() {
        $("#contentPost").show('fadeIn', {}, 500)
    }, 2000);
});
</script>

html/css

<style>
.contentPost { display:none;}
</style>

<div class="contentPost">
 <h2>Hi there</h2>
</div>

【问题讨论】：

显示您的 HTML - 一开始是如何隐藏的？
@SteveH。我已经添加了 html

标签： javascript jquery

【解决方案1】：

$(document).ready(function() {
    $(".contentPost").delay(2000).fadeIn(500);
});

将完美运行。

【讨论】：

这就是 jQuery 的优雅。
@Mooseman 仍然没有显示任何内容。我用 HTML 更新了我的问题。我实际上是用 css display:none; 隐藏了 div
.fadeIn(500); 将覆盖display: none。我刚刚注意到您的 HTML 使用了类名，而不是 ID。我更新了我的答案以反映这一点。

【解决方案2】：

我从来没有见过你这样写的 show 方法。尝试将其更改为使用 jquery 方法fadeIn:

<script>
$(function() {
  $("#contentPost").delay(2000).fadeIn(500);
});
</script>

show 方法不接受任何参数，并且无法按您希望的方式工作。

【讨论】：

仍然没有显示任何内容。我用 HTML 更新了我的问题。我实际上是用 css display:none; 隐藏了 div。
@Undefined show() 可以根据 jQuery 1.0 文档页面 (api.jquery.com/show) 选择选项。