clearQueue әдісі
clearQueue әдісі бізге іске қосылмаған
барлық функцияларды кезектен шығаруға мүмкіндік береді.
Синтаксис
Функциялар кезегін осылай тазарта аламыз. Жол түріндегі
кезек атауын қосымша параметр ретінде беруге болады
(әдепкі бойынша fx - стандартты
эффектілер кезегі). Ешбір параметр берілмесе,
fx кезегінен қалған барлық
функциялар жойылады:
.clearQueue([кезек атауы]);
Бұл әдіс stop
әдісіне ұқсас. Бірақ,
соңғысы тек анимациямен жұмыс істей алады, ал
clearQueue queue
әдісімен қосылған кез келген jQuery кезегімен
жұмыс істеуге мүмкіндік береді.
Мысал
#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();
});
