Puis-je combiner la fonction .load avec fadeIn dans 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 travaille très bien, mais je voudrais disparaître dans la nouvelle page. Y at-il de toute façon que je peux combiner la fonction load et fadeIn? J'ai essayé, mais ça ne marche pas.

Voici ma tentative:

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

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

Answer 1

L'appel à load utilisera AJAX et sera exécuté de manière asynchrone. Vous aurez envie de fondre juste après la fin de l'appel. Vous pouvez y parvenir en passant un rappel à charger. Votre code ressemblera à ceci:

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

Voir documentation on jQuery's .load() pour plus d'informations.

Answer 2

Masquer #content avant la charge, et disparaître dans l'ensemble du div lorsque la charge est terminée. Je suppose que charger accepte une fonction de rappel ...?

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

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