Fonction Callback jQuery

La fonction Callback est exécutée après que l'animation actuelle soit terminée à 100%.

Problèmes des animations jQuery

De nombreuses fonctions jQuery impliquent des animations. Ces fonctions peuvent peut-être speed ou duration comme paramètre optionnel.

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

speed ou duration Les paramètres peuvent être configurés avec de nombreuses valeurs différentes, telles que "slow", "fast", "normal" ou en millisecondes.

Exemple

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

Essayez-le vous-même

Comme les instructions JavaScript (instructions) sont exécutées une à une - dans l'ordre, les instructions après l'animation peuvent produire des erreurs ou des conflits de page, car l'animation n'est pas encore terminée.

Pour éviter ce problème, vous pouvez ajouter la fonction Callback en tant que paramètre.

Fonction Callback jQuery

Appel de la fonction Callback après que l'animation soit terminée à 100%.

Grammaire typique :

$(selector).hide(speed,callback)

callback Le paramètre est une fonction qui s'exécute après l'opération hide.

Erreur (sans callback)

$("p").hide(1000);
alert("Le paragraphe est maintenant caché");

Essayez-le vous-même

Correct (avec callback)

$("p").hide(1000,function(){
alert("Le paragraphe est maintenant caché");
});

Essayez-le vous-même

Conclusion :Si vous souhaitez exécuter une instruction après une fonction impliquant une animation, utilisez la fonction callback.