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