Meetod dequeue
Meetod dequeue võimaldab meil täita
järgmise funktsiooni funktsioonide järjekorrast. Meetodi väljakutsel
eemaldatakse funktsioon järjekorrast ja seejärel
täidetakse. Funktsioon peab kutsuma seda meetodit,
et funktsioonide ahel saaks jätkata
töötamist. Vaata ka meetodit
queue,
mis võimaldab meil töötada elemendiga seotud
funktsioonide järjekorraga.
Süntaks
Nii saame jätkata järjekorras olevate
funktsioonide töötamist. Võib edastada valikulise parameetrina
järjekorra nime stringina. Kui parameetreid
ei edastata, töötab meetod järjekorraga fx:
.dequeue([järjekorra nimi]);
Näide
Selles näites kasutame meetodit
queue,
et lisada kohandatud funktsioon, mis
värvib ruutu roheliseks, lisades klassi
newcolor. Nagu näete, kutsutakse siin
välja dequeue, et eemaldada funktsioon
järjekorrast ja võimaldada järgmisel täituda:
<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();
});
Vaata ka
-
meetod
queue,
mis võimaldab kuvada ja muuta funktsioonide järjekorda -
meetod
clearQueue,
mis võimaldab eemaldada kõik täitmata elemendid funktsioonide järjekorrast