Метод dequeue

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

Синтаксис

Так мы можем продолжить работу следующих в очереди функции. Можно передать необязательным параметром название очереди в виде строки. Если не передавать никаких параметров, то метод будет работать с очередью fx:

javascript.dequeue([имя очереди]);

Пример

В этом примере, с помощью метода queue, мы добавим пользовательскую функцию, которая перекрасит квадрат в зеленый, добавляя класс newcolor. Как видите, затем здесь вызывается dequeue, чтобы убрать функцию из очереди и позволить выполняться следующей:

html<button id="animate">start</button>
<div></div>

cssdiv {
  position: absolute;
  margin: 3px;
  width: 50px;
  height: 50px;
  left: 0px;
  top: 30px;
  background: red;
  display: none;
}

div.newcolor {
  background: green;
}

javascript$('#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();
});

Смотрите также