Metoda stop

Metoda stop na lejon të ndalim menjëherë animacionin e nisur. Animacioni do të vazhdojë tashmë nga funksioni i radhës pa përfunduar atë të mëparshëm.

Sintaksa

Kështu e ndalim animacionin e nisur. Mund të kalojmë dy parametra opsionalë, të cilët pranojnë vlera Boolean. Nëse parametri i parë vendoset si true, atëherë funksionet e mbetura në radhën e animacionit do të hiqen dhe kurrë nuk do të nisen. Nëse parametri i dytë vendoset në true, atëherë kur ndalet animacioni, vetitë css të elementit menjëherë do të marrin vlerat e tyre përfundimtare (d.m.th., nëse qëllimi ishte të fshihej elementi pa u ndjerë, ai do të fshihet menjëherë):

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

Mund të kalojë gjithashtu një parametër opsional, në të cilin specifikohet emri i radhës:

.stop([emri i radhës], [clearQueue],[jumpToEnd]);

Animacioni mund të çaktivizohet globalisht, duke përdorur konfigurimin jQuery.fx.off = true, e cila vendos vlerën e kohëzgjatjes në 0.

Shembull

Le ta bëjmë që me çdo klikim në butonin #toggle drejtkëndëshi ynë të shfaqet dhe të fshihet me ndihmën e metodës slideToggle. Klikoni në buton, duke mos pritur përfundimin e animacionit - faza tjetër do të niset, pa pritur përfundimin e asaj të mëparshme, falë metodës 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);
});

Shihni gjithashtu

metoda clearQueue,
e cila lejon heqjen e të gjithë elementëve të papërfunduar nga radha e funksioneve
vetia jQuery.fx.off,
e cila lejon çaktivizimin global të animacionit