Метод 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,
который позволяет удалить все невыполненные элементы из очереди функций