Meetod clearQueue
Meetod clearQueue võimaldab meil eemaldada
järjekorrast kõik funktsioonid, mida pole veel käivitatud.
Süntaks
Nii saame funktsioonide järjekorra tühjendada. Saame edastada
valikulise parameetrina järjekorra nime
stringina (vaikimisi fx - standardne
efektide järjekord). Kui parameetreid ei edastata,
eemaldatakse järjekorrast fx kõik
järelejäänud funktsioonid:
.clearQueue([järjekorra nimi]);
See meetod on analoogne meetodiga
stop. Kuid
kui viimane töötab ainult animatsioonidega, siis
clearQueue võimaldab töötada suvalise jQuery
järjekorraga, mis on lisatud meetodiga
queue.
Näide
Teeme nii, et nupu #start vajutamisel
käivitame animatsiooni. Nupu #stop vajutamel
peatame animatsiooni
ja tühjendame järjekorra meetodi clearQueue abil.
Kui vajutada uuesti nuppu
#start, algab animatsioon uuesti:
<button id="start">start</button>
<button id="stop">stop</button>
<div></div>
div {
position: absolute;
margin: 3px;
width: 50px;
height: 50px;
left: 0px;
top: 30px;
background: red;
display: none;
}
div.newcolor {
background: green;
}
$('#start').click(function() {
let myDiv = $('div');
myDiv.show('slow');
myDiv.animate({
left: '+=200'
}, 5000);
myDiv.queue(function() {
let that = $(this);
that.addClass('newcolor');
that.dequeue();
});
myDiv.animate({
left: '-=200'
}, 1500);
myDiv.queue(function() {
let that = $(this);
that.removeClass('newcolor');
that.dequeue();
});
myDiv.slideUp();
});
$('#stop').click(function() {
let myDiv = $('div');
myDiv.clearQueue();
myDiv.stop();
});
