Метод dequeue

Методът dequeue ни позволява да изпълним следващата функция от опашката от функции. При извикване на метода функцията се премахва от опашката, а след това се изпълнява. Функцията трябва да извика този метод, за да може веригата от функции да продължи да се изпълнява напред. Вижте също метод queue, който ни позволява да работим с опашка от функции, привързани към елемент.

Синтаксис

Така можем да продължим работата на следващите в опашката функции. Може да подадем незадължителен параметър име на опашката под формата на низ. Ако не се подават никакви параметри, тогава методът ще работи с опашката fx:

.dequeue([име на опашката]);

Пример

В този пример, с помощта на метода queue, ще добавим потребителска функция, която ще пребори квадрата в зелен цвят, като добави клас newcolor. Както виждате, след това тук се извиква dequeue, за да се премахне функцията от опашката и да позволи на следващата да се изпълни:

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

Вижте също

метод queue,
който позволява показване и промяна на опашката от функции
метод clearQueue,
който позволява премахване на всички неизпълнени елементи от опашката от функции