Metod stop

Metod stop nam omogućava da trenutno zaustavimo pokrenutu animaciju. Animacija će se nastaviti već sa sledeće funkcije bez završetka prethodne.

Sintaksa

Tako zaustavljamo pokrenutu animaciju. Mogu se proslediti dva opciona parametra, koji prihvataju Bulove vrednosti. Ako se prvi parametar postavi kao true, tada će preostale funkcije u redu animacije biti uklonjene i nikada se neće pokrenuti. Ako se drugi parametar postavi na true, tada će pri zaustavljanju animacije css-svojstva elementa trenutno preuzeti svoje krajnje vrednosti (tj., ako je cilj bio da se element postepeno sakrije, tada će biti sakriven istog trenutka):

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

Takođe se može proslediti opcioni parametar, u kom se navodi naziv reda:

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

Animacija se može globalno isključiti, koristeći podešavanje jQuery.fx.off = true, koja postavlja vrednost trajanja na 0.

Primer

Hajde da napravimo da pri svakom kliku na dugme #toggle naš pravougaonik se razvija, pa sklapa pomoću metoda slideToggle. Kliknite na dugme, ne čekajući završetak animacije - sledeća faza će se pokrenuti, bez čekanja da se prethodna završi, zahvaljujući metodu 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);
});

Pogledajte takođe

metod clearQueue,
koji omogućava uklanjanje svih neizvršenih elemenata iz reda funkcija
svojstvo jQuery.fx.off,
koje omogućava globalno isključivanje animacije