Методот 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();
});
