jQuery Callback Functie

De callback-functie wordt uitgevoerd nadat de huidige animatie 100% is voltooid.

Problemen met jQuery-animaties

Veel jQuery-functies betreffen animaties. Deze functies kunnen mogelijk snelheid of duur als optionele parameter.

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

snelheid of duur Parameters kunnen vele verschillende waarden instellen, zoals "slow", "fast", "normal" of milliseconden.

Voorbeeld

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

Probeer het zelf

Omdat JavaScript-statementen (instructies) een voor een worden uitgevoerd - in volgorde, kunnen statements na een animatie fouten of paginaconflicten veroorzaken, omdat de animatie nog niet is voltooid.

Om deze situatie te voorkomen, kunt u de callback-functie toevoegen als parameter.

jQuery Callback Functie

De callback-functie wordt aangeroepen nadat de animatie 100% is voltooid.

Typische syntaxis:

$(selector).hide(snelheid,callback)

callback De parameter is een functie die wordt uitgevoerd nadat de hide-operatie is voltooid.

Fout (zonder callback)

$("p").hide(1000);
alert("Het paragraaf is nu verborgen");

Probeer het zelf

Correct (met callback)

$("p").hide(1000,function(){
alert("Het paragraaf is nu verborgen");
});

Probeer het zelf

Conclusie:Als u een statement wilt uitvoeren na een functie die animaties bevat, gebruik dan de callback-functie.