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()-Methode Syntax

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()-Methode Beispiel

<!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>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen