Metode stop

Metode stop laat ons toe om onmiddellik 'n lopende animasie te stop. Die animasie sal voortgaan vanaf die volgende funksie sonder om die vorige een te voltooi.

Sintaksis

So stop ons 'n lopende animasie. Jy kan twee opsionele parameters oorhandig wat Booleaanse waardes aanvaar. As die eerste parameter as true gestel word, dan sal die oorblywende funksies in die animasietou verwyder word en nooit uitgevoer word nie. As die tweede parameter as true gestel word, dan sal die css-eienskappe van die element onmiddellik hul finale waardes aanneem wanneer die animasie gestop word (d.w.s., as die doel was om die element gladjes te verberg, sal dit oombliklik weggesteek word):

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

Jy kan ook 'n opsionele parameter oorhandig waarin die naam van die tou gespesifiseer word:

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

Animasie kan globaal gedeaktiveer word deur die instelling jQuery.fx.off = true te gebruik, wat die duurwaarde op 0 stel.

Voorbeeld

Kom ons maak dit so dat met elke klik op die knoppie #toggle ons reghoek sal oopvou en toe vou deur die metode slideToggle te gebruik. Klik op die knoppie sonder om te wag vir die voltooiing van die animasie - die volgende fase sal begin, sonder om te wag vir die voltooiing van die vorige een, danksy die metode stop:

<button id="toggle">wissel</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);
});

Sien ook

metode clearQueue,
wat dit moontlik maak om alle onuitgevoerde items uit die funksietou te verwyder
eienskap jQuery.fx.off,
wat dit moontlik maak om animasie globaal te deaktiveer