Methode dequeue

De methode dequeue stelt ons in staat om de volgende functie uit de wachtrij van functies uit te voeren. Bij aanroep van de methode wordt de functie uit de wachtrij verwijderd en vervolgens uitgevoerd. De functie moet deze methode aanroepen zodat de keten van functies verder kan worden uitgevoerd. Zie ook de methode queue, die ons in staat stelt om te werken met de wachtrij van functies die aan een element zijn gekoppeld.

Syntaxis

Zo kunnen we de uitvoering van de volgende functies in de wachtrij voortzetten. De optionele parameter is de naam van de wachtrij als string. Als er geen parameters worden doorgegeven, werkt de methode met de standaardwachtrij fx:

.dequeue([wachtrijnaam]);

Voorbeeld

In dit voorbeeld voegen we, met behulp van de methode queue, een aangepaste functie toe die het vierkant opnieuw kleurt naar groen door de klasse newcolor toe te voegen. Zoals u kunt zien, wordt hierna dequeue aangeroepen om de functie uit de wachtrij te halen en de volgende functie uit te laten voeren:

<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();
});

Zie ook

methode queue,
die het mogelijk maakt om de wachtrij van functies te tonen en te wijzigen
methode clearQueue,
die het mogelijk maakt om alle niet-uitgevoerde items uit de wachtrij van functies te verwijderen