Funzione di Callback jQuery

Le istruzioni JavaScript vengono eseguite riga per riga. Tuttavia, poiché gli effetti jQuery richiedono un po' di tempo per essere completati, la prossima riga di codice potrebbe essere eseguita mentre l'effetto precedente è ancora in esecuzione. Questo può causare errori.

Per prevenire questo, jQuery fornisce una funzione di callback per ogni metodo di effetto.

La funzione di callback verrà eseguita dopo che l'effetto attuale è completato.

La funzione di callback viene passata come parametro al metodo di effetto, solitamente visualizzata come l'ultimo parametro del metodo.

Sintassi tipica: $(selettore).hide(durata, easing, callback);

Esempio seguente ha un parametro di callback, che è una funzione da eseguire alla fine dell'effetto di nascondimento:

$("button").click(function(){
　　$("p").hide("slow", function(){
　　　　// Codice da eseguire alla fine dell'effetto
　　　　alert("The paragraph is now hidden");
　　});
});

Esempio seguente non ha parametri di callback e mostrerà una finestra di avviso prima della fine dell'effetto di nascondimento:

$("button").click(function(){
　　$("p").hide("slow");
　　　　　alert("Questo paragrafo è ora nascosto");
});