jQuery ရှိ off method

on မှတစ်ဆင့် ချိတ်ဆက်ထားသော အဖြစ်အပျက်များကို ဖြုတ်ခြင်းကို off method ကို အသုံးပြု၍ လုပ်ဆောင်သည်။ ပထမဆုံး parameter အဖြစ် ၎င်းသည် event အမျိုးအစားကို လက်ခံသည် (ဥပမာ 'click')၊ ဒုတိယ parameter အဖြစ် ချိတ်ဆက်မှုမှ ဖြုတ်ရမည့် function ၏ အမည်ကို လက်ခံသည်။

အောက်ပါ ဥပမာကို စဉ်းစားကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် HTML ကုဒ် ရှိသည်ဆိုပါစို့။

html<ul>
  <li>စာသား</li>
  <li>စာသား</li>
  <li>စာသား</li>
</ul>

CSS တွင် li tag အတွက် style ကို သတ်မှတ်ထားသည်။

cssli {
  width: 100px;
  cursor: pointer;
}

li ကို ပထမဆုံးအကြိမ် နှိပ်လိုက်ပြီးနောက်၊ ၎င်းမှ အဖြစ်အပျက်ကို ချိတ်ဆက်မှုဖြုတ်သွားအောင် လုပ်ဆောင်ကြပါစို့။

javascript$('li').on('click', function() {
  $(this).append('!');
  $(this).off('click', func);
});

စာရင်း item များကို နှိပ်ကြည့်ပါ။ တူညီသော စာရင်း item ကို နောက်တစ်ကြိမ် နှိပ်လိုက်သောအခါ ဘာမှမဖြစ်တော့သည်ကို သင်တွေ့ရလိမ့်မည်။ အဘယ်ကြောင့်ဆိုသော် ကျွန်ုပ်တို့၏ function func သည် append method လုပ်ဆောင်ပြီးနောက် off method ဖြင့် ချိတ်ဆက်မှုဖြုတ်လိုက်သောကြောင့် ဖြစ်သည်။

Задание 1

link အားလုံးအတွက် event တစ်ခု ချိတ်ဆက်ပါ - link တစ်ခုပေါ်သို့ mouse ရွှေ့လိုက်သောအခါ ၎င်း၏ စာသားအဆုံးသို့ ၎င်း၏ href ကို ကွင်းစကွင်းပိတ်အတွင်း ပေါင်းထည့်ရမည်။ Link တစ်ခုပေါ်သို့ ပထမဆုံးအကြိမ် mouse ရွှေ့လိုက်ပြီးနောက် ၎င်းမှ href ကို စာသားအဆုံးသို့ ပေါင်းထည့်သော အဖြစ်အပျက်ကို ချိတ်ဆက်မှုဖြုတ်ရမည်။

Задание 2

input အားလုံးအတွက် အောက်ပါအတိုင်း လုပ်ဆောင်ပါ - ၎င်းတို့တွင် တစ်ခုခုကို နှိပ်လိုက်သောအခါ ၎င်းတို့၏ value ကို ပြသရမည်၊ သို့သော် ပထမဆုံးအကြိမ် နှိပ်ခြင်းတွင်သာ ဖြစ်ရမည်။ Input ကို နောက်တစ်ကြိမ် နှိပ်ခြင်းသည် တုံ့ပြန်မှု မဖြစ်စေရ။

Задание 3

နံပါတ်များပါသော paragraph များ ပေးထားသည်။ Paragraph တစ်ခုကို တစ်ချက်နှိပ်လိုက်သောအခါ ၎င်းပါဝင်သော နံပါတ်၏ နှစ်ထပ်ကိန်း ပေါ်လာရမည်၊ သို့သော် ပထမဆုံးအကြိမ် နှိပ်ခြင်းတွင်သာ ဖြစ်ရမည်။ Paragraph တစ်ခုကို နှစ်ချက်နှိပ်လိုက်သောအခါ paragraph ထဲရှိ နံပါတ်သည် နှစ်ဆတိုးသွားရမည်၊ သို့သော် ၎င်းသည်လည်း ပထမဆုံးအကြိမ်တွင်သာ ဖြစ်ရမည်။