jQuery-da off metodi
on orqali bog'langan hodisalarni bog'lamaslik,
off metodi yordamida amalga oshiriladi.
U birinchi parametr sifatida hodisa turini
(masalan, 'click') qabul qiladi, ikkinchi parametr esa bog'lamaslik kerak bo'lgan
funksiya nomidir.
Quyidagi misolni ko'rib chiqaylik. Bizda HTML kodi bor deylik:
<ul>
<li>matn</li>
<li>matn</li>
<li>matn</li>
</ul>
CSS-da li tegi uchun uslub ko'rsatilgan:
li {
width: 100px;
cursor: pointer;
}
Keling, li ustiga birinchi marta
bosgandan so'ng, undan hodisa bog'lanmasligini qilaylik:
$('li').on('click', function() {
$(this).append('!');
$(this).off('click', func);
});
Ro'yxat bandlarini bosing. Siz bir xil bandga qayta bosilganda hech narsa bo'lmasligini ko'rasiz, chunki
bizning func funktsiyamiz
append metodini bajarilgandan so'ng
off metodi bilan bog'lanadi.
Barcha havolalarga hodisa bog'lang -
havolaning ustiga sichqoncha olib borilganda, uning matnining oxiriga
uning href i qavs ichida qo'shiladi.
Havolaning ustiga birinchi marta olib borilgandan so'ng
unga href ni matn oxiriga qo'shadigan
hodisani bog'lamaslik kerak.
Barcha inputlar uchun ularning
value sini har qanday biriga bosilganda
chiqaradigan qiling, lekin faqat birinchi bosilganda.
Inputga qayta bosish
reaksiyani keltirib chiqarmasligi kerak.
Raqamli abzatslar berilgan. Abzats ustiga bosilganda unda o'zida mavjud bo'lgan sonning kvadrati paydo bo'lishi kerak, lekin faqat birinchi bosilganda. Abzats ustiga ikki marta bosilganda undagi raqam ikki baravar ko'payishi kerak, lekin yana faqat birinchi marta.