stop მეთოდი

stop მეთოდი საშუალებას გვაძლევს დაუყოვნებლივ გავაჩეროთ გაშვებული ანიმაცია. ანიმაცია გაგრძელდება შემდეგი ფუნქციიდან უკვე წინა დასრულების გარეშე.

სინტაქსი

ასე ვაჩერებთ გაშვებულ ანიმაციას. შეგიძლიათ გადაცეთ ორი არასავალდებულო პარამეტრი, რომლებიც იღებენ ლოგიკურ მნიშვნელობებს. თუ პირველ პარამეტრს დავაყენებთ როგორც true, მაშინ ანიმაციის რიგში დარჩენილი ფუნქციები წაიშლება და არასოდეს გაეშვება. თუ მეორე პარამეტრს დავაყენებთ true, მაშინ ანიმაციის გაჩერებისას ელემენტის css-თვისებები მყისიერად მიიღებენ მათ საბოლოო მნიშვნელობებს (ანუ, თუ მიზანი იყო ელემენტის ნაზად დამალვა, ის მყისიერად დამალული იქნება):

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

ასევე შესაძლებელია არასავალდებულო პარამეტრის გადაცემა, რომელშიც მითითებულია რიგის სახელი:

.stop([რიგის სახელი], [clearQueue],[jumpToEnd]);

ანიმაციის გლობალურად გამორთვა შესაძლებელია jQuery.fx.off = true პარამეტრის გამოყენებით, რომელიც ადგენს ხანგრძლივობის მნიშვნელობას 0-ზე.

მაგალითი

მოდით, გავაკეთოთ ისე, რომ ყოველ #toggle ღილაკზე დაწკაპუნებაზე ჩვენი მართკუთხედი გაიშლება და ჩაიკეცოს slideToggle მეთოდის საშუალებით. დააწკაპუნეთ ღილაკზე, ანიმაციის დასრულების მოლოდინის გარეშე - შემდეგი ეტაპი გაეშვება, წინა ეტაპის დასრულების მოლოდინის გარეშე, 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);
});

იხილეთ აგრეთვე

clearQueue მეთოდი,
რომელიც საშუალებას გაძლევთ წაშალოთ ყველა შეუსრულებელი ელემენტი ფუნქციების რიგიდან
jQuery.fx.off თვისება,
რომელიც საშუალებას გაძლევთ გლობალურად გამორთოთ ანიმაცია