Metoden dequeue

Metoden dequeue tillader os at udføre den næste funktion fra køen af funktioner. Ved kald af metoden fjernes funktionen fra køen, og derefter udføres den. Funktionen skal kalde denne metode, så kæden af funktioner kan fortsætte med at udføres. Se også metoden queue, som tillader os at arbejde med køen af funktioner, bundet til elementet.

Syntaks

Sådan kan vi fortsætte arbejdet med de næste i køen af funktioner. Man kan overføre en valgfri parameter med køens navn som en streng. Hvis man ikke overfører nogen parametre, vil metoden arbejde med køen fx:

.dequeue([kø navn]);

Eksempel

I dette eksempel, ved hjælp af metoden queue, vil vi tilføje en brugerdefineret funktion, som omfarver kvadratet til grønt ved at tilføje klassen newcolor. Som du kan se, kaldes herefter dequeue for at fjerne funktionen fra køen og tillade den næste at udføres:

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

Se også

metoden queue,
som tillader visning og ændring af køen af funktioner
metoden clearQueue,
som tillader fjernelse af alle ikke-udførte elementer fra køen af funktioner