Metoden clearQueue
Metoden clearQueue giver os mulighed for at fjerne fra
køen alle funktioner, som ikke er blevet startet.
Syntaks
Sådan kan vi rydde køen af funktioner. Du kan videregive
et valgfrit parameter med køens navn
i form af en streng (standard er fx - den standard
kø for effekter). Hvis du ikke videregiver nogen
parametre, vil alle resterende funktioner blive fjernet fra køen fx:
.clearQueue([kønavn]);
Denne metode svarer til metoden
stop. Men,
hvor den sidstnævnte kun kan arbejde med animation, så
giver clearQueue mulighed for at arbejde med enhver jQuery-kø,
som er blevet tilføjet med metoden
queue.
Eksempel
Lad os, når der klikkes på knappen #start,
starte animationen. Når der klikkes på
knappen #stop, stopper vi animationen
og ryder køen ved hjælp af metoden
clearQueue. Ved et nyt klik på
#start vil animationen starte forfra:
<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();
});
