Kann ich die .load -Funktion mit Fadein in JQuery kombinieren?

Question

Ich verwende die .load -Funktion, um in einer anderen Seite mit JQuery zu laden.

Hier ist mein Code:

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

Es funktioniert großartig, aber ich möchte auf der neuen Seite verblassen. Gibt es sowieso, dass ich die Last- und Fadein -Funktion kombinieren kann? Ich habe es versucht, aber es funktioniert nicht.

Hier ist mein Versuch:

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

Wie kann ich die Funktion .load und .fadein kombinieren?

Answer 1

Der Anruf an load Wird Ajax verwenden und asynchron ausgeführt. Sie möchten direkt nach dem Beendigung des Anrufs verblassen. Sie können dies erreichen, indem Sie einen Rückruf zum Laden geben. Ihr Code sieht so aus:

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

Sehen Dokumentation zu JQuery's .load () für mehr Informationen.

Answer 2

Ausblenden #content Vor der Last, und verblassen Sie in der gesamten DIV, wenn die Last abgeschlossen ist. Ich würde vermuten, dass ACCEPS eine Rückruffunktion laden ...?

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

BEARBEITEN Mach was Miguel sagte, sowieso =)