Metode stop

Metode stop ļauj mums nekavējoties apturēt animāciju. Animācija turpināsies jau no nākamās funkcijas, nepabeidzot iepriekšējo.

Sintakse

Tā mēs apstādinām animāciju. Var padot divus neobligātus parametrus, kas pieņem Būla vērtības. Ja pirmo parametru iestata kā true, tad atlikušās funkcijas animācijas rindā tiks dzēstas un nekad nepalaistas. Ja otro parametru iestata uz true, tad apstājot animāciju, css-īpašības elementa nekavējoties pieņems savas galīgās vērtības (t.i., ja mērķis bija vienmērīgi paslēpt elementu, tas tiks paslēpts uzreiz):

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

Var arī padot neobligātu parametru, kurā tiek norādīts rindas nosaukums:

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

Animāciju var atslēgt globāli, izmantojot iestatījumu jQuery.fx.off = true, kas iestata ilguma vērtību uz 0.

Piemērs

Izveidosim tā, lai ar katru klikšķi uz pogas #toggle mūsu taisnstūris izvērstos un savilktos, izmantojot metodi slideToggle. Klikšķiniet uz pogas, negaidot animācijas pabeigšanu - nākamais posms tiks palaists, negaidot iepriekšējā pabeigšanu, pateicoties metodei stop:

<button id="toggle">pārslēgt</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);
});

Skatiet arī

metode clearQueue,
kas ļauj dzēst visus neizpildītos elementus no funkciju rindas
īpašība jQuery.fx.off,
kas ļauj globāli atslēgt animāciju