Stop metodi

stop metodi bizä işjeň animasiýany derrew duruzmaga mümkinçilik berýär. Animasiýa indiki funksiýadan soňam dowam eder, öňküsini tamamlamazdan.

Sintaksis

Işjeň animasiýany şeýlelikde duruzýarys. Iki islege görä parametr geçirip bolýar, olar Boolean bahalaryny kabul edýär. Ilkinji parametri true hökmünde düzmek bilen, animasiýa hataryndaky galan funksiýalar aýrylýar we hiç haçan işlenmez. Ikinji parametri true hökmünde düzmek bilen, animasiýa duruzlanda elementüň css aýratynlyklary derrew öz soňky bahalaryny alar (ýagny, eýýäm elementi ýuwaş-ýuwaş gizlemek maksat bolsa, onda ol derrew gizlenjek):

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

Islege görä parametri hem geçirip bolýar, onda hataryň ady görkezilýär:

.stop([hataryň ady], [clearQueue],[jumpToEnd]);

Animasiýa dünýä çäklerinde ýapyp bolýar, sazlanyş jQuery.fx.off = true, ulanmak arkaly, ol dowamlygy 0 baha edýär.

Mysal

Her gezek #toggle düwmesine basylanda düzbucaglygyň ýa-da açylmagyny, ýa-da slideToggle metodi arkaly ýapylmagyny edeliň. Animasiýa tamamlanmagyna garaşmazdan, düwmä basyň - indiki etap öňki etap tamamlanmazdan işlenjek, stop metodi bilen:

<button id="toggle">aç/ýapa</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);
});

Şeýle-de görüň

clearQueue metodi,
häzirki wagtda funksiýa hataryndaky işlenmedik elementleri aýyrmaga rugsat berýär
aýratynlyk jQuery.fx.off,
animasiýany dünýä çäklerinde ýapmaga rugsat berýär