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 касиети,
ал анимацияны глобалдуу өчүрүүгө мүмкүндүк берет