Metoden dequeue

Metoden dequeue gör det möjligt för oss att köra nästa funktion i kön av funktioner. När metoden anropas tas funktionen bort från kön och exekveras sedan. Funktionen måste anropa denna metod för att kedjan av funktioner ska kunna fortsätta att exekveras. Se även metoden queue, som gör det möjligt för oss att arbeta med köer av funktioner bundna till ett element.

Syntax

Så här kan vi fortsätta arbetet med nästa funktion i kön. Man kan skicka med ett valfritt parameternamn för kön i form av en sträng. Om inga parametrar skickas kommer metoden att arbeta med kön fx:

.dequeue([könamn]);

Exempel

I detta exempel, med hjälp av metoden queue, kommer vi att lägga till en anpassad funktion som kommer att färga om kvadraten i grönt genom att lägga till klassen newcolor. Som du ser, anropas sedan här dequeue för att ta bort funktionen från kön och låta nästa funktion exekveras:

<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 även

metoden queue,
som gör det möjligt att visa och ändra köer av funktioner
metoden clearQueue,
som gör det möjligt att ta bort alla oexekverade element från kön av funktioner