Metod clearQueue
Metod clearQueue nam omogućava da iz
reda uklonimo sve funkcije koje nisu pokrenute.
Sintaksa
Ovako možemo očistiti red funkcija. Može se proslediti
opcioni parametar naziv reda
u obliku stringa (podrazumevano fx - standardni
red efekata). Ako se ne prosledi nijedan
parametar, onda će iz reda fx biti uklonjene sve
preostale funkcije:
.clearQueue([ime reda]);
Ovaj metod je analogan metodu
stop. Ali,
ako potonji može raditi samo sa animacijom, onda
clearQueue omogućava rad sa bilo kojim jQuery redom
koji je dodat metodom
queue.
Primer
Hajde da pri pritisku na dugme #start,
pokrenemo animaciju. Pri pritisku na
dugme #stop zaustavićemo animaciju
i očistiti red pomoću metoda
clearQueue. Pri ponovnom pritisku na
#start animacija će počinjati iznova:
<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();
});
