Posso combinar a função .load com fadein no jQuery?

Question

Estou usando a função .load para carregar em outra página usando jQuery.

Aqui está o meu código:

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

Está funcionando muito bem, mas eu gostaria de desaparecer na nova página. Existe alguma maneira que eu possa combinar a função de carga e fadein? Eu tentei, mas não está funcionando.

Aqui está minha tentativa:

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

Como posso combinar a função .load e .fadein?

Answer 1

A chamada para load usará o Ajax e será executado de forma assíncrona. Você vai querer desaparecer logo após o término da chamada. Você pode conseguir isso passando um retorno de chamada para carregar. Seu código será assim:

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

Ver Documentação sobre JQuery's .load () Para maiores informações.

Answer 2

Esconder #content Antes da carga e desapareça em toda a div quando a carga estiver concluída. Eu acho que carregar aceita uma função de retorno de chamada ...?

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

EDITAR Faça o que Miguel disse, de qualquer maneira =)