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