Metoda stop

Metoda stop nam omogoča, da takoj ustavimo zagnano animacijo. Animacija se bo nadaljevala že z naslednjo funkcijo brez zaključka prejšnje.

Sintaksa

Tako ustavimo zagnano animacijo. Lahko podamo dva neobvezna parametra, ki sprejemata logični vrednosti. Če prvi parameter nastavimo na true, bo preostale funkcije v čakalni vrsti animacije izbrisane in se ne bodo nikoli zagnali. Če drugi parameter nastavimo na true, bodo css-lastnosti elementa ob ustavitvi animacije takoj prevzele svoje končne vrednosti (tj., če je bil cilj element gladko skriti, bo ta skrit takoj):

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

Lahko podamo tudi neobvezni parameter, v katerem je navedeno ime čakalne vrste:

.stop([ime čakalne vrste], [clearQueue],[jumpToEnd]);

Animacijo lahko onemogočimo globalno z uporabo nastavitve jQuery.fx.off = true, ki nastavi vrednost trajanja na 0.

Primer

Naredimo tako, da se ob vsakem kliku na gumb #toggle naš pravokotnik razširi ali skrči z metodo slideToggle. Pritisnite na gumb, ne da bi čakali na zaključek animacije - naslednja faza se bo zagnala, ne da bi čakala na zaključek prejšnje, zahvaljujoč metodi 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);
});

Glejte tudi

metoda clearQueue,
ki omogoča izbris vseh neizvedenih elementov iz čakalne vrste funkcij
lastnost jQuery.fx.off,
ki omogoča globalno onemogočanje animacije