¿Puedo combinar la función .load con fadeIn en jQuery?

Question

Estoy utilizando la función .load a la carga en otra página con jQuery.

Aquí está mi código:

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

Está funcionando muy bien, pero me gustaría a desvanecerse en la nueva página. ¿Hay alguna forma de combinar la carga y la función fadeIn? Lo intenté, pero no funciona.

Aquí está mi intento:

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

¿Cómo puedo combinar la función .load y .fadeIn?

Answer 1

La llamada a load utilizará AJAX y se llevará a cabo de forma asíncrona. Usted querrá a desvanecerse en la derecha después de que se termina la llamada. Usted puede lograr que al hacer pasar una devolución de llamada a la carga. Su código se vería así:

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

en .load de jQuery () para más información.

Answer 2

Ocultar #content antes de la carga, y se desvanecen en todo el div cuando la carga está completa. Supongo que la carga acceps una función de devolución de llamada ...?

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

Editar hacer lo que dijo Miguel, de todos modos =)