jQuery ရှိ off method
on မှတစ်ဆင့် ချိတ်ဆက်ထားသော အဖြစ်အပျက်များကို ဖြုတ်ခြင်းကို
off method ကို အသုံးပြု၍ လုပ်ဆောင်သည်။
ပထမဆုံး parameter အဖြစ် ၎င်းသည် event အမျိုးအစားကို လက်ခံသည်
(ဥပမာ 'click')၊ ဒုတိယ parameter အဖြစ် ချိတ်ဆက်မှုမှ ဖြုတ်ရမည့် function ၏ အမည်ကို လက်ခံသည်။
အောက်ပါ ဥပမာကို စဉ်းစားကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် HTML ကုဒ် ရှိသည်ဆိုပါစို့။
<ul>
<li>စာသား</li>
<li>စာသား</li>
<li>စာသား</li>
</ul>
CSS တွင် li tag အတွက် style ကို သတ်မှတ်ထားသည်။
li {
width: 100px;
cursor: pointer;
}
li ကို ပထမဆုံးအကြိမ် နှိပ်လိုက်ပြီးနောက်၊ ၎င်းမှ အဖြစ်အပျက်ကို ချိတ်ဆက်မှုဖြုတ်သွားအောင် လုပ်ဆောင်ကြပါစို့။
$('li').on('click', function() {
$(this).append('!');
$(this).off('click', func);
});
စာရင်း item များကို နှိပ်ကြည့်ပါ။ တူညီသော စာရင်း item ကို နောက်တစ်ကြိမ် နှိပ်လိုက်သောအခါ ဘာမှမဖြစ်တော့သည်ကို သင်တွေ့ရလိမ့်မည်။ အဘယ်ကြောင့်ဆိုသော် ကျွန်ုပ်တို့၏ function func သည်
append method လုပ်ဆောင်ပြီးနောက်
off method ဖြင့် ချိတ်ဆက်မှုဖြုတ်လိုက်သောကြောင့် ဖြစ်သည်။
link အားလုံးအတွက် event တစ်ခု ချိတ်ဆက်ပါ - link တစ်ခုပေါ်သို့ mouse ရွှေ့လိုက်သောအခါ ၎င်း၏ စာသားအဆုံးသို့
၎င်း၏ href ကို ကွင်းစကွင်းပိတ်အတွင်း ပေါင်းထည့်ရမည်။ Link တစ်ခုပေါ်သို့ ပထမဆုံးအကြိမ် mouse ရွှေ့လိုက်ပြီးနောက်
၎င်းမှ href ကို စာသားအဆုံးသို့ ပေါင်းထည့်သော အဖြစ်အပျက်ကို ချိတ်ဆက်မှုဖြုတ်ရမည်။
input အားလုံးအတွက် အောက်ပါအတိုင်း လုပ်ဆောင်ပါ - ၎င်းတို့တွင် တစ်ခုခုကို နှိပ်လိုက်သောအခါ ၎င်းတို့၏
value ကို ပြသရမည်၊ သို့သော် ပထမဆုံးအကြိမ် နှိပ်ခြင်းတွင်သာ ဖြစ်ရမည်။ Input ကို နောက်တစ်ကြိမ် နှိပ်ခြင်းသည်
တုံ့ပြန်မှု မဖြစ်စေရ။
နံပါတ်များပါသော paragraph များ ပေးထားသည်။ Paragraph တစ်ခုကို တစ်ချက်နှိပ်လိုက်သောအခါ ၎င်းပါဝင်သော နံပါတ်၏ နှစ်ထပ်ကိန်း ပေါ်လာရမည်၊ သို့သော် ပထမဆုံးအကြိမ် နှိပ်ခြင်းတွင်သာ ဖြစ်ရမည်။ Paragraph တစ်ခုကို နှစ်ချက်နှိပ်လိုက်သောအခါ paragraph ထဲရှိ နံပါတ်သည် နှစ်ဆတိုးသွားရမည်၊ သို့သော် ၎င်းသည်လည်း ပထမဆုံးအကြိမ်တွင်သာ ဖြစ်ရမည်။
