Metoden clearQueue
Metoden clearQueue låter oss ta bort från
kön alla funktioner som inte har startats.
Syntax
Så här kan vi rensa funktionskön. Vi kan skicka
ett valfritt parameter med köns namn
i form av en sträng (standard är fx - standardkö
för effekter). Om inga parametrar skickas,
kommer alla återstående funktioner att tas bort från
kön fx:
.clearQueue([könamn]);
Denna metod är analog med metoden
stop. Men,
medan den senare endast fungerar med animation, så
låter clearQueue dig arbeta med vilken jQuery-kö som helst
som har lagts till med metoden
queue.
Exempel
Låt oss när vi klickar på knappen #start,
starta animationen. När vi klickar på
knappen #stop kommer vi att stoppa animationen
och rensa kön med hjälp av metoden
clearQueue. Vid ett nytt klick på
#start kommer animationen att starta om:
<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();
});
