clearQueue методу
clearQueue методу бизге ишке киргизилбеген
бардык функцияларды кезектен өчүрүүгө мүмкүндүк берет.
Синтаксис
Биз функциялар кезегин төмөнкүчө тазалай алабыз. Кезектин
атын сап түрүндө (демейки fx - стандарттуу
эффекттер кезеги) милдеттүү эмес параметр катары берсек болот.
Эч кандай параметр бербесек, анда fx кезегинен калган
бардык функциялар өчүрүлөт:
.clearQueue([queueName]);
Бул метод
stop методуна окшош. Бирок,
акыркысы анимация менен гана иштей алса,
clearQueue ар кандай jQuery кезеги менен иштөөгө мүмкүндүк берет,
ал
queue методу менен кошулган.
Мисал
#start баскычын басканда,
анимацияны ишке киргизели.
#stop баскычын басканда, анимацияны токтотуп,
clearQueue методунун жардамы менен кезекти тазалайлы.
#start баскычын кайра басканда
анимация башынан башталат:
<button id="start">баштоо</button>
<button id="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();
});