Metoda clearQueue
Metoda clearQueue nam omogoča odstranitev iz
čakalne vrste vseh funkcij, ki niso bile zagnane.
Sintaksa
Tako lahko očistimo čakalno vrsto funkcij. Lahko podamo
izbirni parameter z imenom čakalne vrste
v obliki niza (privzeto je fx - standardna
čakalna vrsta efektov). Če ne podamo nobenih
parametrov, bodo iz čakalne vrste fx odstranjene vse
preostale funkcije:
.clearQueue([ime čakalne vrste]);
Ta metoda je analogna metodi
stop. Toda,
medtem ko lahko slednja deluje samo z animacijo,
clearQueue omogoča delo s katero koli čakalno vrsto
jQuery, ki je bila dodana z metodo
queue.
Primer
Ob kliku na gumb #start
bomo zagnali animacijo. Ob kliku na
gumb #stop bomo ustavili animacijo
in očistili čakalno vrsto z metodo
clearQueue. Ob ponovnem kliku na
#start se bo animacija znova začela:
<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();
});
