jQuery Callback-funktion

Callback-funktionen udføres efter at den aktuelle animation er 100% færdig.

Problemer med jQuery-animation

Mange jQuery-funktioner involverer animation. Disse funktioner kan måske ændre hastighed eller varighed som valgfri parameter.

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

hastighed eller varighed Parametre kan indstilles til mange forskellige værdier, såsom "slow", "fast", "normal" eller millisekunder.

Eksempel

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

Prøv det selv

Da JavaScript-sætninger (kommandoer) udføres en efter en - i rækkefølge, kan sætninger efter animationer muligvis give fejl eller konflikter på siden, fordi animationen endnu ikke er færdig.

For at undgå dette kan du tilføje Callback-funktionen som parameter.

jQuery Callback-funktion

Når animationen er 100% færdig, kaldes Callback-funktionen.

Typisk syntaks:

$(vælger).hide(hastighed,callback)

callback Parameteren er en funktion, der udføres efter hide-handlingen.

Fejl (uden callback)

$("p").hide(1000);
alert("Paragrafen er nu skjult");

Prøv det selv

Korrekt (med callback)

$("p").hide(1000,function(){
alert("Paragrafen er nu skjult");
});

Prøv det selv

Konklusion:Hvis du ønsker at udføre en sætning efter en funktion, der involverer animation, skal du bruge callback-funktionen.