頁面加載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方法不接受任何參數，並且不會按您的意願工作。