Metoden dequeue

Metoden dequeue lar oss utføre neste funksjon fra køen av funksjoner. Ved kall til metoden fjernes funksjonen fra køen, og deretter utføres den. Funksjonen må kalle denne metoden for at funksjonskjeden kan fortsette å utføres. Se også metoden queue, som lar oss arbeide med køen av funksjoner knyttet til et element.

Syntaks

Slik kan vi fortsette arbeidet med neste i køen funksjoner. Vi kan sende et valgfritt parameter med navnet på køen som en streng. Hvis ingen parametere sendes, vil metoden arbeide med køen fx:

.dequeue([kønavn]);

Eksempel

I dette eksemplet, ved hjelp av metoden queue, legger vi til en tilpasset funksjon som omfarger kvadratet til grønt ved å legge til klassen newcolor. Som du ser, kalles deretter dequeue for å fjerne funksjonen fra køen og la neste utfø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 lar oss vise og endre køen av funksjoner
metoden clearQueue,
som lar oss fjerne alle ikke-utførte elementer fra køen av funksjoner