Stop metodas

Metodas stop leidžia mums nedelsiant sustabdyti paleistą animaciją. Animacija tęsis jau nuo kitos funkcijos nebaigus ankstesnės.

Sintaksė

Taip mes sustabdome paleistą animaciją. Galima perduoti du neprivalomus parametrus, kurie priima Būlio reikšmes. Jei pirmas parametras nustatomas kaip true, tada likusios funkcijos animacijos eilėje bus pašalintos ir niekada nepaleistos. Jei antrasis parametras nustatomas į true, tuomet sustabdžius animaciją css savybės elemento nedelsiant įgis savo galutines reikšmes (t.y., jei tikslas buvo sklandžiai paslėpti elementą, jis bus paslėptas akimirksniu):

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

Taip pat galima perduoti neprivalomą parametrą, kuriame nurodomas eilės pavadinimas:

.stop([eilės pavadinimas], [clearQueue],[jumpToEnd]);

Animaciją galima išjungti globaliai, naudojant nustatymą jQuery.fx.off = true, kuris nustato trukmės reikšmę į 0.

Pavyzdys

Padarykime taip, kad su kiekvienu paspaudimu ant mygtuko #toggle mūsų stačiakampis arba išsiskleisti, arba susiskliausti naudojant metodą slideToggle. Spauskite ant mygtuko, nelaukdami animacijos pabaigos - kitas etapas bus paleidžiamas, ne laukiant ankstesnio etapo pabaigos, dėka metodo 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);
});

Taip pat žiūrėkite

metodas clearQueue,
kuris leidžia pašalinti visus neįvykdytus elementus iš funkcijų eilės
savybė jQuery.fx.off,
kuri leidžia globaliai išjungti animaciją