Posso combinare la funzione .load con fadeIn in jQuery?

Question

Sto usando la funzione .load per caricare un'altra pagina utilizzando jQuery.

Qui è il mio codice:

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

E 'di lavoro grande, ma vorrei a svanire nella nuova pagina. C'è qualche cosa che può combinare il carico e la funzione fadeIn? Ho tentato, ma non sta funzionando.

Qui è il mio tentativo:

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

Come posso combinare la funzione .load e .fadeIn?

Answer 1

La chiamata alla load utilizzerà AJAX e verrà eseguito in modo asincrono. Avrai voglia di svanire nella destra dopo la chiamata viene terminata. È possibile ottenere che facendo passare una richiamata da caricare. Il tuo codice sarà simile a questa:

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

sul .load di jQuery () per ulteriori informazioni.

Answer 2

Nascondi #content prima che il carico, e dissolvenza in tutta la div quando il carico è completo. Direi carico acceps una funzione di callback ...?

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

Modifica fare quello che Miguel ha detto, in ogni caso =)