La fonction de rappel est exécutée une fois l'animation en cours terminée à 100 %.
Problèmes avec les animations jQuery
De nombreuses fonctions jQuery impliquent une animation. Ces fonctions peuvent prendre la vitesse ou la durée comme arguments facultatifs.
Exemple : $("p").hide("slow")
Le paramètre de vitesse ou de durée peut être défini sur de nombreuses valeurs différentes, telles que "lent ", " rapide ", " normal " ou millisecondes.
Instance
L'exemple suivant rappelle la fonction une fois l'effet caché entièrement réalisé :
Utiliser l'instance de rappel
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide("slow",function(){
alert("段落现在被隐藏了");
});
});
});
</script>
</head>
<body>
<button>隐藏</button>
<p>告诉自己，现在的你不能再混再疯再懒惰了，前途很重要。</p>
</body>
</html>Exécutez le programme et essayez-le
Les exemples suivants n'ont pas de fonction de rappel et la boîte d'avertissement apparaîtra avant que l'effet de masquage ne soit terminé :
Aucun rappel (rappel)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
alert("现在段落被隐藏了");
});
});
</script>
</head>
<body>
<button>隐藏</button>
<p>向每个人学习，但不要模仿任何人</p>
</body>
</html>Exécutez le programme et essayez-le
section suivante