stop မှတ်တမ်း

stop မှတ်တမ်းသည် ကျွန်ုပ်တို့ကိုလည်ပတ်နေသော animation ကိုချက်ချင်းရပ်တန့်ခွင့်ပြုသည်။ Animation သည် ယခင်အဆင့်ပြီးဆုံးခြင်းမရှိဘဲ နောက်လာမည့် function မှ ဆက်လက်လည်ပတ်မည်ဖြစ်သည်။

ဝါကျဖွဲ့စည်းပုံ

ဤနည်းဖြင့် ကျွန်ုပ်တို့သည် လည်ပတ်နေသော animation ကိုရပ်တန့်သည်။ Optional parameter နှစ်ခုကို ပေးပို့နိုင်ပြီး ၎င်းတို့သည် Boolean တန်ဖိုးများကိုလက်ခံသည်။ ပထမအကန့်၏တန်ဖိုးကို true အဖြစ်သတ်မှတ်ပါက၊ animation တန်းစီတွင်ကျန်ရှိနေသော function များကို ဖယ်ရှားပြီး ဘယ်သောအခါမျှ စတင်လည်ပတ်မည်မဟုတ်ပါ။ ဒုတိယအကန့်၏တန်ဖိုးကို true အဖြစ်သတ်မှတ်ပါက၊ animation ရပ်တန့်သည့်အခါ element ၏ css-ဂုဏ်သတ္တိများသည် ၎င်းတို့၏အဆုံးသတ်တန်ဖိုးများကို ချက်ချင်းရယူမည်ဖြစ်သည် (ဆိုလိုသည်မှာ၊ element တစ်ခုကို ညင်သာစွာ ပိတ်ဖျောက်ရန်ရည်ရွယ်ချက်ဖြစ်ပါက ၎င်းကို ချက်ချင်းပိတ်ဖျောက်မည်ဖြစ်သည်)။

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

Optional parameter တစ်ခုကိုလည်း ပေးပို့နိုင်ပြီး၊ ၎င်းတွင် တန်းစီ၏အမည်ကိုဖော်ပြထားသည်။

.stop([တန်းစီအမည်], [clearQueue],[jumpToEnd]);

Animation ကို ကမ္ဘာလုံးဆိုင်ရာအနေဖြင့် ၎င်း၏ကြာချိန်ကို 0 အဖြစ်သတ်မှတ်ပေးသည့် jQuery.fx.off = true setting ကိုအသုံးပြု၍ ပိတ်ထားနိုင်သည်။

ဥပမာ

ခလုတ် #toggle ကိုနှိပ်လိုက်တိုင်း ကျွန်ုပ်တို့၏စတုဂံသည် slideToggle မှတ်တမ်းကိုသုံး၍ ဖြန့်ကားလိုက်၊ ခေါက်သိမ်းလိုက်ဖြစ်အောင် ပြုလုပ်ကြပါစို့။ Animation ပြီးဆုံးရန် စောင့်မနေဘဲ ခလုတ်ကိုနှိပ်ပါ - နောက်အဆင့်သည် 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 မှတ်တမ်း၊
အကြောင်းမှာ မထမ်းဆောင်ရသေးသော function များအားလုံးကို တန်းစီမှ ဖယ်ရှားခွင့်ပြုသည်
jQuery.fx.off setting၊
အကြောင်းမှာ animation ကို ကမ္ဘာလုံးဆိုင်ရာအနေဖြင့် ပိတ်ထားခွင့်ပြုသည်