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