méthode jquery queue()
Résultats de traduction：
file d'attente
Anglais [kju:] US [kju]
n (personnes ou véhicules) file d'attente, longue file d'attente; tresse
vi (personnes, véhicules, etc.) file d'attente pour attendre ( faire) faire la queue, faire la queue
méthode jquery queue()syntaxe
Fonction : La méthode queue() affiche ou exploite la file d'attente de fonctions exécutée sur l'élément correspondant.
Syntaxe : .queue(queueName)
Paramètres : 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.
Operation Queue : 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 : 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.
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.
méthode jquery queue()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