Stop metodi

stop metodi bizga darhol ishga tushgan animatsiyani to'xtatish imkonini beradi. Animatsiya oldingi bosqich tugamasidan keyingi funktsiyadan davom etadi.

Sintaksis

Shu tarzda biz ishga tushgan animatsiyani to'xtatamiz. Ikkita ixtiyoriy parametr berish mumkin, ular Mantiqiy qiymatlarni qabul qiladi. Agar birinchi parametr true deb o'rnatilsa, unda animatsiya navbatidagi qolgan funktsiyalar o'chiriladi va hech qachon ishlamaydi. Agar ikkinchi parametr true deb o'rnatilsa, unda animatsiya to'xtatilganda elementning css-xususiyatlari darhol o'zining yakuniy qiymatlarini oladi (ya'ni, agar maqsad elementni sekinlik bilan yashirish bo'lsa, u yashiriladi darhol):

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

Shuningdek, ixtiyoriy parametr berish mumkin, unda navbat nomi ko'rsatiladi:

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

Animatsiyani global ravishda jQuery.fx.off = true sozlamasidan foydalanib o'chirish mumkin, bu davomiylik qiymatini 0 ga o'rnatadi.

Misol

Keling, #toggle tugmasini har bir bosilganda to'rtburchagimiz slideToggle metodi yordamida yoyilsin va yig'ilsin. Animatsiya tugashini kutmasdan tugmani bosing - keyingi bosqich oldingi bosqich tugashini kutmasdan ishga tushadi, stop metodi tufayli:

<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);
});

Shuningdek qarang

clearQueue metodi,
bu navbatdagi bajarilmagan barcha elementlarni o'chirish imkonini beradi
jQuery.fx.off xususiyati,
bu animatsiyani global ravishda o'chirish imkonini beradi