Metóda stop

Metóda stop nám umožňuje okamžite zastaviť spustenú animáciu. Animácia bude pokračovať až od ďalšej funkcie bez dokončenia predchádzajúcej.

Syntax

Takto zastavíme spustenú animáciu. Môžeme odovzdať dva voliteľné parametre, ktoré prijímajú booleovské hodnoty. Ak prvý parameter nastavíme ako true, tak zostávajúce funkcie v rade animácie budú odstránené a nikdy sa nespustia. Ak druhý parameter nastavíme na true, tak pri zastavení animácie css-vlastnosti elementu okamžite nadobudnú svoje konečné hodnoty (t.j., ak cieľom bolo plynulo skryť element, tak bude skrytý okamžite):

.stop([clearQueue], [jumpToEnd]);

Môžeme tiež odovzdať voliteľný parameter, v ktorom sa uvádza názov radu:

.stop([názov radu], [clearQueue],[jumpToEnd]);

Animáciu je možné vypnúť globálne pomocou nastavenia jQuery.fx.off = true, ktoré nastavuje hodnotu trvania na 0.

Príklad

Urobme tak, aby pri každom kliknutí na tlačidlo #toggle sa náš obdĺžnik buď rozbalil, alebo zbalil pomocou metódy slideToggle. Klikajte na tlačidlo bez čakania na dokončenie animácie - ďalšia fáza sa spustí bez čakania na dokončenie predchádzajúcej, vďaka metóde stop:

<button id="toggle">toggle</button>
<div id="test"></div>

#test {
	background-color: green;
	border: 1px solid black;
	width: 200px;
	height: 100px;
	margin: 10px;
}

$('#toggle').on('click', function() {
	$('#test').stop().slideToggle(1500);
});

Pozri tiež

metóda clearQueue,
ktorá umožňuje odstrániť všetky nevykonané prvky z radu funkcií
vlastnosť jQuery.fx.off,
ktorá umožňuje globálne vypnúť animáciu