Метод clearQueue
Метод clearQueue нам омогућава да из реда уклонимо
све функције које нису биле покренуте.
Синтакса
Овако можемо да очистимо ред функција. Може се проследити
опциони параметар назив реда
у облику ниске (подразумевано fx - стандардни
ред ефеката). Ако се не проследи ниједан
параметар, онда ће из реда fx бити уклоњене све
преостале функције:
.clearQueue([име реда]);
Овај метод је аналоган методу
stop. Али,
ако последњи може да ради само са анимацијама, онда
clearQueue омогућава рад са било којим jQuery редом,
који је додат методом
queue.
Пример
Хајде да при клику на дугме #start,
покрећемо анимацију. При клику на
дугме #stop заустављамо анимацију
и чистимо ред помоћу методе
clearQueue. При поновном клику на
#start анимација ће поново почети:
<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();
});
