stop-metodi

Metodi stop mahdollistaa animaation välittömän pysäyttämisen. Animaatio jatkuu seuraavasta funktiosta ilman edellisen loppuun saattamista.

Syntaksi

Näin pysäytämme käynnissä olevan animaation. Voit välittää kaksi valinnaista parametria, jotka hyväksyvät Boolen arvot. Jos ensimmäinen parametri asetetaan arvoon true, jonossa olevat jäljellä olevat funktiot poistetaan eikä niitä koskaan suoriteta. Jos toinen parametri asetetaan arvoon true, css-ominaisuudet saavat välittömästi lopulliset arvonsa animaation pysäyttyessä (esim. jos tavoitteena oli peittää elementti sulavasti, se piilotetaan välittömästi):

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

Voit myös välittää valinnaisen parametrin, jossa määritetään jonon nimi:

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

Animaation voi ottaa pois käytöstä globaalisti käyttämällä asetusta jQuery.fx.off = true, joka asettaa keston arvoksi 0.

Esimerkki

Tehdään niin, että jokaisella napsautuksella painiketta #toggle suorakulmiomme laajenee ja kutistuu vuorotellen käyttämällä metodia slideToggle. Napsauta painiketta animaation päättymistä odottamatta - seuraava vaihe käynnistyy, eikä odota edellisen valmistumista, mikä on mahdollista metodin stop ansiosta:

<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);
});

Katso myös

metodi clearQueue,
joka poistaa kaikki suorittamattomat alkiot funktiojonosta
ominaisuus jQuery.fx.off,
jolla voi globaalisti ottaa animoinnin pois käytöstä