jquery queue()-Methode
Übersetzungsergebnisse：
Warteschlange
Englisch [kju:] US [kju]
n. (Personen oder Fahrzeuge) Warteschlange, lange Warteschlange
vi (Personen, Fahrzeuge usw.) Schlange stehen und warten
vt. (machen) Schlange stehen, in der Schlange stehen
jquery queue()-MethodeSyntax
Funktion: Die Methode queue() zeigt die auf dem übereinstimmenden Element ausgeführte Funktionswarteschlange an oder betreibt sie.
Syntax: .queue(queueName)
Parameter: queueName Optional. String-Wert, der den Namen der Sequenz enthält. Der Standardwert ist fx, die Standardeffektsequenz.
Operationswarteschlange: Die Methode queue() betreibt eine Funktionswarteschlange, die auf dem passenden Element ausgeführt wird.
Syntax: .queue(queueName,newQueue)
Parameter: queueName Optional. String-Wert, der den Namen der Sequenz enthält. Der Standardwert ist fx, die Standardeffektsequenz.
Hinweis: Jedem Element können eine oder mehrere von jQuery hinzugefügte Funktionswarteschlangen hinzugefügt werden. In den meisten Anwendungen wird nur eine Warteschlange (mit dem Namen fx) verwendet. Warteschlangenausführungen rufen asynchrone Aktionssequenzen für Elemente auf, ohne die Programmausführung zu beenden. Ein typisches Beispiel ist der Aufruf mehrerer Animationsmethoden für ein Element.
jquery queue()-MethodeBeispiel
<!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>Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen