Metoden stop

Metoden stop giver os mulighed for straks at stoppe en igangværende animation. Animationen fortsætter fra den næste funktion uden at afslutte den forrige.

Syntaks

Sådan stopper vi en igangværende animation. Det er muligt at sende to valgfrie parametre, som accepterer boolske værdier. Hvis den første parameter sættes til true, så vil de resterende funktioner i animationskøen blive slettet og aldrig køre. Hvis den anden parameter sættes til true, så vil elementets css-egenskaber umiddelbart ved stoppet af animationen antage deres endelige værdier (dvs. hvis målet var at skjule elementet glat, så vil det blive skjult øjeblikkeligt):

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

Det er også muligt at sende en valgfri parameter, som angiver navnet på køen:

.stop([kønavn], [clearQueue],[jumpToEnd]);

Animation kan deaktiveres globalt ved hjælp af indstillingen jQuery.fx.off = true, som sætter varighedsværdien til 0.

Eksempel

Lad os gøre det sådan, at ved hvert klik på knappen #toggle vil vores rektangel udfolde sig og folde sig sammen ved hjælp af metoden slideToggle. Tryk på knappen uden at vente på afslutningen af animationen - næste trin vil starte uden at vente på afslutningen af den forrige, 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 giver mulighed for at slette alle uudførte elementer fra køen af funktioner
egenskaben jQuery.fx.off,
som giver mulighed for globalt at deaktivere animation