ページロードの2秒後にdivを表示

Question

現在、ページがロードされてから2秒後にdivを表示しようとしています。ページが読み込まれてから2秒後にdivを隠すことで、その逆をうまくやり遂げることができます。問題は何も起こらず、divは隠れているということです。ページの読み込みが2秒後にdivを正しく表示するにはどうすればよいですか？エクストラ：その後、2秒ショーに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

アイブ氏はそのように書かれてあなたのショー方法を見たことがありません。使用にjqueryのメソッドfadeInそれを変更してみてください。

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

show方法は、任意の引数を受け入れないと、あなたはそれがしたいように動作しません。