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հատկությունը,
որը հնարավորություն է տալիս գլոբալորեն անջատել անիմացիան