jQuery Callback-funktion

Callback-funktionen körs efter att den aktuella animationen är 100% klar.

Problem med jQuery-animation

Många jQuery-funktioner involverar animation. Dessa funktioner kanske kommer att påverka speed eller Varaktighet Som valfri parameter.

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

speed eller Varaktighet Parametrarna kan ställas in till många olika värden, till exempel "slow", "fast", "normal" eller millisekunder.

Exempel

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

Prova själv

Eftersom JavaScript-instruktioner (kommandon) utförs en efter en - i ordning, kan instruktioner efter en animation orsaka fel eller sidokollision eftersom animationen inte är klar.

För att undvika detta kan du lägga till Callback-funktionen som parameter.

jQuery Callback-funktion

När animationen är 100% klar, anropas Callback-funktionen.

Typisk syntax:

$(selector).hide(speed,callback)

callback Parametern är en funktion som körs efter att hide-operationen är klar.

Fel (ingen callback)

$("p").hide(1000);
alert("Texten är nu dold");

Prova själv

Rätt (med callback)

$("p").hide(1000,function(){
alert("Texten är nu dold");
});

Prova själv

Slutsats:Om du vill köra en instruktion efter en funktion som involverar animation, använd callback-funktionen.