Metóda clearQueue
Metóda clearQueue nám umožňuje odstrániť z
frontu všetky funkcie, ktoré neboli spustené.
Syntax
Takto môžeme vyčistiť front funkcií. Môžeme odovzdať
voliteľným parametrom názov frontu
v podobe reťazca (predvolené fx - štandardný
front efektov). Ak neodovzdáme žiadne
parametre, tak z frontu fx sa odstránia všetky
zostávajúce funkcie:
.clearQueue([názov frontu]);
Táto metóda je analogická metóde
stop. Ale,
ak posledný môže pracovať len s animáciou, tak
clearQueue umožňuje pracovať s ľubovoľným frontom
jQuery, ktorý bol pridaný metódou
queue.
Príklad
Po kliknutí na tlačidlo #start,
spustíme animáciu. Po kliknutí na
tlačidlo #stop zastavíme animáciu
a vyčistíme front pomocou metódy
clearQueue. Pri opätovnom kliknutí na
#start sa animácia začne odznova:
<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();
});
