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:

javascript.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ší:

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

Podívejte se také