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