jQuery Callback-funktio
- Edellinen sivu jQuery stop()
- Seuraava sivu jQuery Yhdistelmä
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); });
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");
Oikein (on callback)
$("p").hide(1000,function(){ alert("Teksti on nyt piilotettu"); });
Johtopäätös:Jos haluat suorittaa lauseen animaation jälkeen, käytä callback-funktiota.
- Edellinen sivu jQuery stop()
- Seuraava sivu jQuery Yhdistelmä