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ë):

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

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

javascript.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:

html<button id="toggle">toggle</button>
<div id="test"></div>

css#test {
  background-color: green;
  border: 1px solid black;
  width: 200px;
  height: 100px;
  margin: 10px;
}

javascript$('#toggle').on('click', function() {
  $('#test').stop().slideToggle(1500);
});

Shihni gjithashtu