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):

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

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

javascript.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:

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

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

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

Glejte tudi