.load関数とjqueryのFadeinを組み合わせることはできますか？

Question

jqueryを使用して別のページにロードするために.load関数を使用しています。

これが私のコードです：

$('#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全体をフェードします。ロードaccepsはコールバック関数になると思います...？

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

編集 とにかくミゲルが言ったことをしてください=）