Metoda dequeue

Metoda dequeue ne permite să executăm următoarea funcție din coada de funcții. La apelarea metodei, funcția este eliminată din coadă, apoi este executată. Funcția trebuie să apeleze această metodă, pentru ca lanțul de funcții să poată continua să se execute. Vezi și metoda queue, care ne permite să lucrăm cu coada de funcții, asociate unui element.

Sintaxă

Astfel putem continua execuția următoarelor funcții din coadă. Se poate transmite ca parametru opțional numele cozii sub formă de șir de caractere. Dacă nu se transmite niciun parametru, metoda va funcționa cu coada fx:

.dequeue([numele cozii]);

Exemplu

În acest exemplu, cu ajutorul metodei queue, vom adăuga o funcție personalizată care va recolora pătratul în verde, adăugând clasa newcolor. După cum vedeți, apoi aici este apelat dequeue, pentru a elimina funcția din coadă și a permite executarea următoarei:

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

Vezi și

metoda queue,
care permite afișarea și modificarea cozii de funcții
metoda clearQueue,
care permite eliminarea tuturor elementelor neexecutate din coada de funcții