Puis-je combiner la fonction .load avec fadeIn en jQuery?

Question

J'utilise la fonction .load pour charger dans une autre page en utilisant jQuery.

Voici mon code:

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

Il fonctionne très bien, mais je voudrais disparaître dans la nouvelle page. Est-il de toute façon je peux combiner la charge et la fonction fadeIn? Je tentais, mais il ne fonctionne pas.

Voici ma tentative:

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

Comment puis-je combiner la fonction .load et .fadeIn?

Answer 1

L'appel à load utilisera AJAX et sera exécuter de manière asynchrone. Vous aurez envie de disparaître dans la droite après l'appel est terminé. Vous pouvez y parvenir en passant un rappel à la charge. Votre code ressemblera à ceci:

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

pour plus d'informations.

Answer 2

Hide #content avant que la charge, et fondu dans l'ensemble div lorsque la charge est terminée. Je suppose que la charge acceps une fonction de rappel ...?

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

EDIT faire ce que dit miguel, en tout cas =)