Metoden stop

Metoden stop gör det möjligt för oss att omedelbart stoppa en pågående animation. Animationen kommer att fortsätta redan från nästa funktion utan att slutföra den föregående.

Syntax

Så här stoppar vi en pågående animation. Det är möjligt att skicka två valfria parametrar, som accepterar booleska värden. Om den första parametern sätts till true, kommer de återstående funktionerna i animeringskön att tas bort och aldrig köras. Om den andra parametern sätts till true, kommer elementets css-egenskaper att omedelbart anta sina slutliga värden när animationen stoppas (dvs. om målet var att dölja elementet mjukt, kommer det att döljas omedelbart):

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

Det är också möjligt att skicka en valfri parameter som anger köns namn:

.stop([kö namn], [clearQueue],[jumpToEnd]);

Animation kan inaktiveras globalt genom att använda inställningen jQuery.fx.off = true, vilket sätter varaktighetens värde till 0.

Exempel

Låt oss göra så att vid varje klick på knappen #toggle kommer vår rektangel att vecklas ut och sedan vecklas ihop med hjälp av metoden slideToggle. Tryck på knappen utan att vänta på att animationen slutförs - nästa steg kommer att startas, utan att vänta på att det föregående slutförs, tack vare 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 även

metoden clearQueue,
som gör det möjligt att ta bort alla outförda element från kön av funktioner
egenskapen jQuery.fx.off,
som gör det möjligt att inaktivera animation globalt