jQuery Callback-Funktion

Die Callback-Funktion wird nach dem Abschluss der aktuellen Animation 100% ausgeführt.

Probleme mit jQuery-Animationen

Viele jQuery-Funktionen beziehen sich auf Animationen. Diese Funktionen könnten Geschwindigkeit oder Dauer als optionales Argument.

Beispiel:$("p").hide("slow")

Geschwindigkeit oder Dauer Die Parameter können viele verschiedene Werte haben, wie z.B. "slow", "fast", "normal" oder Millisekunden.

Beispiel

$("button").click(function(){
$("p").hide(1000);
});

Versuchen Sie es selbst

Da JavaScript-Anweisungen (Befehle) einzeln ausgeführt werden - in der Reihenfolge, können Anweisungen nach einer Animation Fehler oder Konflikte verursachen, da die Animation noch nicht abgeschlossen ist.

Um diese Situation zu vermeiden, können Sie den Callback-Function als Parameter hinzufügen.

jQuery Callback-Funktion

Der Callback-Function wird aufgerufen, wenn die Animation 100% abgeschlossen ist.

Typische Syntax:

$(Selektor).hide(Geschwindigkeit,callback)

callback Der Parameter ist eine Funktion, die nach dem hide-Vorgang ausgeführt wird.

Falsch (kein Callback)

$("p").hide(1000);
alert("Der Absatz ist jetzt ausgeblendet");

Versuchen Sie es selbst

Richtig (mit Callback)

$("p").hide(1000,function(){
alert("Der Absatz ist jetzt ausgeblendet");
});

Versuchen Sie es selbst

Schlussfolgerung:Wenn Sie eine Anweisung nach einer Funktion mit Animation ausführen möchten, verwenden Sie die callback-Funktion.