dequeue-metodi
Metodi dequeue mahdollistaa
seuraavan funktion suorittamisen funktiojonosta. Kun metodia kutsutaan,
funktio poistetaan jonosta ja sitten
suoritetaan. Funktion on kutsuttava tätä metodia,
jotta funktioketju voi jatkaa suorittamista
eteenpäin. Katso myös metodi
queue,
joka mahdollistaa funktiojonon käsittelyn,
elementtiin liitettynä.
Syntaksi
Näin voimme jatkaa jonossa seuraavien
funktioiden työskentelyä. Valinnaisena parametrina voidaan välittää
jonon nimi merkkijonona. Jos mitään
parametreja ei välitetä, metodi toimii fx-jonon kanssa:
.dequeue([jonon nimi]);
Esimerkki
Tässä esimerkissä, metodin
queue avulla,
lisäämme mukautetun funktion, joka
muuttaa neliön värin vihreäksi lisäämällä luokan
newcolor. Kuten näette, tässä
kutsutaan dequeue poistamaan funktio
jonosta ja sallimaan seuraavan suorittaminen:
<button id="animate">käynnistä</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();
});
Katso myös
-
metodi
queue,
joka mahdollistaa funktiojonon näyttämisen ja muuttamisen -
metodi
clearQueue,
joka mahdollistaa kaikkien suorittamattomien kohteiden poistamisen funktiojonosta