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