Funzione Callback di jQuery

La funzione Callback viene eseguita dopo che l'animazione corrente è completata al 100%.

Problemi delle animazioni jQuery

Molte funzioni jQuery coinvolgono animazioni. Queste funzioni potrebbero velocità o durata come parametro opzionale.

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

velocità o durata I parametri possono avere molti valori diversi, come "slow", "fast", "normal" o millisecondi.

Esempio

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

Prova tu stesso

Poiché le istruzioni JavaScript (comandi) vengono eseguite una per una - in ordine, le istruzioni dopo l'animazione potrebbero produrre errori o conflitti di pagina perché l'animazione non è ancora completata.

Per evitare questo problema, puoi aggiungere la funzione Callback come parametro.

Funzione Callback di jQuery

Quando l'animazione è completata al 100%, viene chiamata la funzione Callback.

Sintassi tipica:

$(selettore).hide(velocità,callback)

callback Il parametro è una funzione eseguita dopo l'operazione hide.

Errato (senza callback)

$("p").hide(1000);
alert("Il paragrafo è ora nascosto");

Prova tu stesso

Corretto (con callback)

$("p").hide(1000,function(){
alert("Il paragrafo è ora nascosto");
});

Prova tu stesso

Conclusione:Se desideri eseguire una frase dopo una funzione che coinvolge animazioni, usa la funzione callback.