页面加载2秒后显示div

Question

我目前正在尝试在加载页面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>

Answer 1

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

将完美运作。

Answer 2

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

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

show方法不接受任何参数，并且不会按您的意愿工作。