Metoda dequeue

Metoda dequeue nám umožňuje provést další funkci z fronty funkcí. Při volání metody je funkce odstraněna z fronty a poté provedena. Funkce musí zavolat tuto metodu, aby se řetězec funkcí mohl provádět dál. Podívejte se také na metodu queue, která nám umožňuje pracovat s frontou funkcí, připojených k elementu.

Syntaxe

Tak můžeme pokračovat v práci dalších ve frontě funkcí. Lze předat volitelným parametrem název fronty ve formě řetězce. Pokud nepředáte žádné parametry, metoda bude pracovat s frontou fx:

.dequeue([název fronty]);

Příklad

V tomto příkladu pomocí metody queue, přidáme vlastní funkci, která přebarví čtverec na zelenou přidáním třídy newcolor. Jak vidíte, je zde poté voláno dequeue, aby odstranilo funkci z fronty a umožnilo provést další:

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

Podívejte se také

metoda queue,
která umožňuje zobrazit a změnit frontu funkcí
metoda clearQueue,
která umožňuje odstranit všechny neprovedené položky z fronty funkcí