Metoda clearQueue
Metoda clearQueue na lejon të heqim nga
radha të gjitha funksionet që nuk janë nisur.
Sintaksa
Kështu mund të pastrojmë radhën e funksioneve. Mund të kalojmë
si parametër opsional emrin e radhës
në formë të vargut (si parazgjedhje fx - radha standarde
e efekteve). Nëse nuk kalon asnjë
parametër, nga radha fx do të hiqen të gjitha
funksionet e mbetura:
.clearQueue([emri i radhës]);
Kjo metodë është analoge me metodën
stop. Por,
nëse kjo e fundit mund të punojë vetëm me animacion, atëherë
clearQueue lejon punën me çdo radhë
jQuery, e cila është shtuar me metodën
queue.
Shembull
Le të bëjmë që me klikimin në butonin #start,
të nisim animacionin. Me klikimin në
butonin #stop do të ndalojmë animacionin
dhe do të pastrojmë radhën me ndihmën e metodës
clearQueue. Me ritëklikimin në
#start animacioni do të fillojë përsëri:
<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();
});
