Meetod stop

Meetod stop võimaldab meil kohe käivitatud animatsiooni peatada. Animatsioon jätkub juba järgmisest funktsioonist ilma eelmist lõpetamata.

Süntaks

Nii peatame käivitatud animatsiooni. Saab edastada kaks valikulist parameetrit, mis võtavad vastu Boole'i väärtusi. Kui esimene parameeter seatakse väärtusele true, siis animatsioonijärjekorras olevad ülejäänud funktsioonid eemaldatakse ja ei käivitata kunagi. Kui teine parameeter seatakse väärtusele true, siis animatsiooni peatamisel css-omadused elemendil võtavad kohe oma lõppväärtused (st kui eesmärk oli sujuvalt elementi peita, siis see peidetakse hetkega):

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

Saab edastada ka valikulise parameetri, milles määratakse järjekorra nimi:

.stop([järjekorra nimi], [clearQueue],[jumpToEnd]);

Animatsiooni saab globaalselt keelata, kasutades seadistust jQuery.fx.off = true, mis seab kestuse väärtuseks 0.

Näide

Teeme nii, et iga klõpsuga nupul #toggle meie ristkülik laieneb või aheneb meetodi abil slideToggle. Klõpsake nupul, ilma et ootaksite animatsiooni lõppu - järgmine etapp käivitatakse, ilma et ootaks eelmise lõppu, tänu meetodile 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);
});

Vaata ka

meetod clearQueue,
mis võimaldab kõik täitmata elemendid funktsioonide järjekorrast eemaldada
omadus jQuery.fx.off,
mis võimaldab animatsiooni globaalselt keelata