Methode dequeue

Die Methode dequeue ermöglicht es uns, die nächste Funktion aus der Warteschlange der Funktionen auszuführen. Beim Aufruf der Methode wird die Funktion aus der Warteschlange entfernt und dann ausgeführt. Die Funktion muss diese Methode aufrufen, damit die Funktionskette weiter ausgeführt werden kann. Siehe auch die Methode queue, die es uns ermöglicht, mit der Warteschlange der Funktionen, die an ein Element gebunden sind, zu arbeiten.

Syntax

Auf diese Weise können wir die Ausführung der nächsten in der Warteschlange stehenden Funktionen fortsetzen. Optional kann der Name der Warteschlange als String übergeben werden. Wenn keine Parameter übergeben werden, arbeitet die Methode mit der Warteschlange fx:

.dequeue([Warteschlangenname]);

Beispiel

In diesem Beispiel fügen wir mit der Methode queue eine benutzerdefinierte Funktion hinzu, die das Quadrat durch Hinzufügen der Klasse newcolor grün umfärbt. Wie Sie sehen können, wird hier dann dequeue aufgerufen, um die Funktion aus der Warteschlange zu entfernen und der nächsten die Ausführung zu ermöglichen:

<button id="animate">start</button>
<div></div>

div {
	position: absolute;
	margin: 3px;
	width: 50px;
	height: 50px;
	left: 0px;
	top: 30px;
	background: red;
	display: none;
}

div.newcolor {
	background: green;
}

$('#animate').click(function() {
	$('div')
		.show('slow')
		.animate({left: '+=200'}, 2000)
		.queue(function() {
			$(this).addClass('newcolor').dequeue();
		})
		.animate({left: '-=200'}, 500)
		.queue(function() {
			$(this).removeClass('newcolor').dequeue();
		})
		.slideUp();
});

Siehe auch

Methode queue,
die es ermöglicht, die Warteschlange der Funktionen anzuzeigen und zu ändern
Methode clearQueue,
die es ermöglicht, alle nicht ausgeführten Elemente aus der Warteschlange der Funktionen zu entfernen