jQuery
Instance; performance; mobile; base (personnes, voitures, etc.) faire la queue
vt.
jquery jQuery.queue() à propos syntaxe
Fonction : La méthode queue() affiche ou exploite la file d'attente de fonctions exécutée sur l'élément correspondant. Il s’agit d’une méthode de bas niveau ; utiliser .queue() est plus pratique.
Syntaxe : .queue(queueName)
Paramètres :
| Paramètres | Description |
| queueName | Facultatif. Valeur de chaîne contenant le nom de la séquence. La valeur par défaut est fx, la séquence d'effets standard. |
File d'attente des opérations : La méthode queue() exploite une file d'attente de fonctions exécutées sur les éléments correspondants.
Syntaxe : .queue(queueName,newQueue)
Paramètres :
| Paramètres | Description |
| queueName | Option al. Valeur de chaîne contenant le nom de la séquence. La valeur par défaut est fx, la séquence d'effets standard. |
Remarque : Chaque élément peut avoir une ou plusieurs files d'attente de fonctions ajoutées par jQuery. Dans la plupart des applications, une seule file d'attente (nommée fx) est utilisée. La file d'attente s'exécute de manière asynchrone et invoque des séquences d'actions sur les éléments sans mettre fin à l'exécution du programme. Un exemple typique consiste à appeler plusieurs méthodes d’animation sur un élément.
jquery jQuery.queue() à propos exemple
<!DOCTYPE html>
<html>
<head>
<style>div { margin:3px; width:40px; height:40px;
position:absolute; left:0px; top:60px;
background:green; display:none; }
div.newcolor { background:blue; }
p { color:red; } </style>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<p>队列长度是：<span></span></p>
<div></div>
<script>
var div = $("div");
function runIt() {
div.show("slow");
div.animate({left:'+=200'},2000);
div.slideToggle(1000);
div.slideToggle("fast");
div.animate({left:'-=200'},1500);
div.hide("slow");
div.show(1200);
div.slideUp("normal", runIt);
}
function showIt() {
var n = div.queue("fx");
$("span").text( n.length );
setTimeout(showIt, 100);
}
runIt();
showIt();
</script>
</body>
</html>Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne