A dequeue metódus
A dequeue metódus lehetővé teszi számunkra, hogy végrehajtsuk
a következő függvényt a függvénysorból. A metódus meghívásakor
a függvény eltávolításra kerül a sorból, majd
végrehajtásra kerül. A függvénynek meg kell hívnia ezt a metódust,
hogy a függvénylánc tovább tudjon futni.
Lásd még a
queue metódust,
amely lehetővé teszi számunkra, hogy az elemhez kötött függvénysorral
dolgozzunk.
Szintaxis
Így folytathatjuk a sorban következő
függvények végrehajtását. Opcionális paraméterként
átadhatjuk a sor nevét sztring formájában. Ha nem adunk meg
paramétert, akkor a metódus a fx sorral fog dolgozni:
.dequeue([sor neve]);
Példa
Ebben a példában a
queue metódus segítségével
hozzáadunk egy egyéni függvényt, amely
zöldre színezi a négyzetet a
newcolor osztály hozzáadásával. Amint látható, itt ezután
meghívódik a dequeue, hogy eltávolítsa a függvényt
a sorból és lehetővé tegye a következő végrehajtását:
<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();
});
Lásd még
-
a
queuemetódus,
amely lehetővé teszi a függvénysor megjelenítését és módosítását -
a
clearQueuemetódus,
amely lehetővé teszi az összes még nem végrehajtott elem eltávolítását a függvénysorból