Метод stop

Метод stop бизга ишга туширилган анимацияни дарҳол тўхтатиш имконини беради. Анимация аввалгиси тугамасини кутилмай Keyingi функциядан бошлаб давом этади.

Синтаксис

Бундай килиб биз ишга туширилган анимацияни тўхтатамиз. Узгартирувчан икки параметр бериш мумкин, улар Булеан қийматларини қабул қилади. Агар биринчи параметр 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,
у анимацияни глобал ҳолда ўчириб қўйиш имконини беради