jQuery

Event; mobil anstellen und warten

vt

jquery jQuery.queue() ist nicht verfügbar Syntax

Funktion: Die Methode queue() zeigt die auf dem übereinstimmenden Element ausgeführte Funktionswarteschlange an oder betreibt sie. Dies ist eine Low-Level-Methode; die Verwendung von .queue() ist bequemer.

Syntax: .queue(queueName)

Parameter:

Parameter Beschreibung
queueNameOptional. String-Wert, der den Namen der Sequenz enthält. Der Standardwert ist fx, die Standardeffektsequenz.

Operationswarteschlange: Die Methode queue() betreibt eine Warteschlange von Funktionen, die für übereinstimmende Elemente ausgeführt werden.

Syntax: .queue(queueName,newQueue)

Parameter:

ParameterBeschreibung
queueName Optional. String-Wert, der den Namen der Sequenz enthält. Der Standardwert ist fx, die Standardeffektsequenz.

Hinweis: Jedes Element kann eine oder mehrere Funktionswarteschlangen haben, die von jQuery 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 jQuery.queue() ist nicht verfügbar 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