jQuery Callback-funktio

Callback-funktio suoritetaan nykyisen animaation 100% valmistuttua.

jQuery-animaation ongelmat

Monet jQuery-funktiot sisältävät animaatioita. Nämä funktiot saattavat siirtää nopeus tai Kesto valinnainen parametri.

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

nopeus tai Kesto Parametrit voivat olla monenlaisia, kuten "slow", "fast", "normal" tai millisekuntia.

Esimerkki

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

Kokeile itse

Koska JavaScript-lauseet (ohjeet) suoritetaan yksi kerrallaan - järjestyksessä, animaation jälkeiset lauseet saattavat aiheuttaa virheitä tai sivuconflikteja, koska animaatio ei ole vielä valmis.

Välttääksesi tämän tilanteen, voit lisätä Callback-funktion parametrina.

jQuery Callback-funktio

Kun animaatio on 100% valmis, kutsutaan Callback-funktiota.

Tavallinen syntaksi:

$(valitsin).hide(nopeus,callback)

callback Parametri on funktio, joka suoritetaan hide-toiminnon jälkeen.

Väärin (ei callback)

$("p").hide(1000);
alert("Teksti on nyt piilotettu");

Kokeile itse

Oikein (on callback)

$("p").hide(1000,function(){
alert("Teksti on nyt piilotettu");
});

Kokeile itse

Johtopäätös:Jos haluat suorittaa lauseen animaation jälkeen, käytä callback-funktiota.