Rappel jQuery
Méthode de rappel jQuery
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.
Les exemples suivants de fonction de rappel une fois l'effet caché entièrement réalisé :
Instance
<!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écuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
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é :
Instance
<!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écuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
