Metoda dequeue

Metoda dequeue pozwala nam wykonać następną funkcję z kolejki funkcji. Przy wywołaniu metody funkcja jest usuwana z kolejki, a następnie wykonywana. Funkcja musi wywołać tę metodę, aby łańcuch funkcji mógł być wykonywany dalej. Zobacz także metodę queue, która pozwala nam pracować z kolejką funkcji, powiązanych z elementem.

Składnia

W ten sposób możemy kontynuować pracę następnych w kolejce funkcji. Można przekazać opcjonalnym parametrem nazwę kolejki w postaci ciągu znaków. Jeśli nie przekażesz żadnych parametrów, to metoda będzie pracować z kolejką fx:

javascript.dequeue([nazwa kolejki]);

Przykład

W tym przykładzie, za pomocą metody queue, dodamy niestandardową funkcję, która przemaluje kwadrat na zielono, dodając klasę newcolor. Jak widzisz, następnie tutaj wywoływane jest dequeue, aby usunąć funkcję z kolejki i pozwolić na wykonanie następnej:

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

Zobacz też