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