Metoden clearQueue
Metoden clearQueue lar oss fjerne fra
køen alle funksjoner som ikke har blitt startet.
Syntaks
Slik kan vi tømme funksjonskøen. Vi kan sende
et valgfritt parameter med navnet på køen
i form av en streng (standard er fx - standard
effektkø). Hvis ingen parametere sendes,
vil alle gjenværende funksjoner bli fjernet fra
køen fx:
.clearQueue([kønavn]);
Denne metoden er analog til metoden
stop. Men,
hvor den sistnevnte bare kan jobbe med animasjoner, så
lar clearQueue deg jobbe med hvilken som helst jQuery-kø
som har blitt lagt til med metoden
queue.
Eksempel
La oss, ved å trykke på knappen #start,
starte animasjonen. Ved å trykke på
knappen #stop skal vi stoppe animasjonen
og tømme køen ved hjelp av metoden
clearQueue. Ved å trykke på
#start igjen vil animasjonen starte på nytt:
<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();
});
