Methode stop

De methode stop stelt ons in staat om onmiddellijk een lopende animatie te stoppen. De animatie wordt hervat bij de volgende functie zonder de vorige te voltooien.

Syntaxis

Zo stoppen we een lopende animatie. Er kunnen twee optionele parameters worden doorgegeven, die Booleaanse waarden accepteren. Als de eerste parameter wordt ingesteld op true, dan worden de resterende functies in de animatiewachtrij verwijderd en zullen nooit worden uitgevoerd. Als de tweede parameter wordt ingesteld op true, dan nemen bij het stoppen van de animatie de css-eigenschappen van het element onmiddellijk hun eindwaarden aan (d.w.z., als het doel was om een element soepel te verbergen, dan wordt het onmiddellijk verborgen):

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

Er kan ook een optionele parameter worden doorgegeven, waarin de naam van de wachtrij wordt gespecificeerd:

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

Animatie kan globaal worden uitgeschakeld door de instelling jQuery.fx.off = true, te gebruiken, die de duurwaarde op 0 zet.

Voorbeeld

Laten we ervoor zorgen dat bij elke klik op de knop #toggle onze rechthoek zich uitvouwt en weer opvouwt met behulp van de methode slideToggle. Klik op de knop zonder te wachten op de voltooiing van de animatie - de volgende fase wordt gestart, zonder te wachten op de voltooiing van de vorige, dankzij de methode 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);
});

Zie ook

methode clearQueue,
die het mogelijk maakt om alle niet-uitgevoerde items uit de functiewachtrij te verwijderen
eigenschap jQuery.fx.off,
die het globaal uitschakelen van animatie mogelijk maakt