14

現在、ページが読み込まれてから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>
4

2 に答える 2

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

完璧に動作します。

于 2013-01-31T22:35:40.020 に答える
4

私はあなたのshowメソッドがそのように書かれているのを見たことがありません。jqueryメソッドfadeInを使用するように変更してみてください：

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

showメソッドは引数を受け入れず、希望どおりに機能しません。

于 2013-01-31T22:33:54.553 に答える