Metoden stop
Metoden stop lar oss umiddelbart
stoppe en påbegynt animasjon. Animasjonen vil fortsette
fra den neste funksjonen uten å fullføre den forrige.
Syntaks
Slik stopper vi en påbegynt animasjon. Du kan sende
to valgfrie parametere, som aksepterer boolske
verdier. Hvis den første parameteren settes til true,
vil de resterende funksjonene i animasjonskøen bli slettet og
aldri kjøre. Hvis den andre parameteren settes til
true, vil css-egenskapene til elementet
umiddelbart anta sine endelige verdier når animasjonen stoppes (dvs.
hvis målet var å skjule elementet jevnt, vil det bli skjult
øyeblikkelig):
.stop([clearQueue], [jumpToEnd]);
Du kan også sende en valgfri parameter som spesifiserer navnet på køen:
.stop([kønavn], [clearQueue],[jumpToEnd]);
Animasjon kan deaktiveres globalt ved å bruke innstillingen
jQuery.fx.off = true,
som setter varighetsverdien til 0.
Eksempel
La oss gjøre det slik at for hvert klikk på
knappen #toggle vil rektangelet vårt
brettes ut og inn ved hjelp av metoden
slideToggle.
Trykk på knappen uten å vente på at animasjonen
skal fullføres - neste trinn vil starte uten
å vente på at forrige skal fullføres, takket være
metoden 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);
});
Se også
-
metoden
clearQueue,
som lar deg fjerne alle uutførte elementer fra funksjonskøen -
egenskapen
jQuery.fx.off,
som lar deg deaktivere animasjon globalt