jquery - jQueryで.load関数をfadeInと組み合わせることができますか？

Question

.load関数を使用して、jQueryを使用して別のページにロードしています。

これが私のコードです：

$('#page1').click(function(){                           
  $("#content").load("page1.html");
});

うまく機能していますが、新しいページでフェードインしたいと思います。とにかくロードとフェードイン機能を組み合わせることができますか？試しましたが、うまくいきません。

これが私の試みです：

$('#page1').click(function(){                           
  $("#content").load("page1.html").fadeIn("normal");
});

.load関数と.fadeIn関数を組み合わせるにはどうすればよいですか？

Answer 1

の呼び出しloadはAJAXを使用し、非同期で実行されます。通話が終了した直後にフェードインすることをお勧めします。ロードするコールバックを渡すことでそれを達成できます。コードは次のようになります。

$('#content').load("page1.html", {}, function() { $(this).fadeIn("normal"); }));

詳細については、jQueryの.load（）に関するドキュメントを参照してください。

Answer 2

ロードの前に非表示#contentにし、ロードが完了したらdiv全体をフェードインします。load accepsはコールバック関数だと思います...？

$('#content').hide();
$('#content').load('page1.html', function() { $('#content').fadeIn('normal'); });

とにかく、miguelが言ったことを編集してください= ）