on()
jQuery on() metodi
Misol
<p> elementiga click hodisasini biriktirish:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
on() metodi tanlangan elementlarga va ularning bola elementlariga bitta yoki bir nechta hodisa ishlovchisini biriktiradi.
jQuery 1.7 versiyasidan boshlab on() metodi bind(), live() va delegate() metodlarining yangi o‘rinbosari hisoblanadi. Bu metod API’ga ancha izchillik olib keladi va jQuery kod bazasini soddalashtirgani uchun undan foydalanishingizni tavsiya qilamiz.
Eslatma: on() metodi yordamida biriktirilgan hodisa ishlovchilari hozirgi elementlar uchun ham, KELAJAKDAGI elementlar (masalan, skript tomonidan yaratilgan yangi element) uchun ham ishlaydi.
Maslahat: Hodisa ishlovchilarini olib tashlash uchun off() metodidan foydalaning.
Maslahat: Faqat bir marta bajarilib, so‘ng o‘zini o‘zi olib tashlaydigan hodisani biriktirish uchun one() metodidan foydalaning.
Sintaksis
$(selector).on(event,childSelector,data,function,map)
| Parametr | Tavsif |
|---|---|
| event | Majburiy. Tanlangan elementlarga biriktiriladigan bitta yoki bir nechta hodisa(lar)ni yoki nomlar fazolarini (namespace) belgilaydi. Bir nechta hodisa qiymati bo‘sh joy bilan ajratiladi. Yaroqli hodisa bo‘lishi shart |
| childSelector | Ixtiyoriy. Hodisa ishlovchisi selektorning o‘ziga emas, faqat belgilangan bola elementlarga biriktirilishini belgilaydi (eskirgan delegate() metodidagi kabi). |
| data | Ixtiyoriy. Funksiyaga uzatiladigan qo‘shimcha ma’lumotlarni belgilaydi |
| function | Majburiy. Hodisa yuz berganda bajariladigan funksiyani belgilaydi |
| map | Tanlangan elementlarga biriktiriladigan bitta yoki bir nechta hodisani hamda hodisalar yuz berganda bajariladigan funksiyalarni o‘z ichiga olgan hodisalar xaritasini ({event:function, event:function, ...}) belgilaydi |
O‘zingiz sinab ko‘ring — misollar
Bir nechta hodisani biriktirish
Elementga bir nechta hodisani qanday biriktirish mumkin.
map parametri yordamida bir nechta hodisa ishlovchisini biriktirish
map parametri yordamida tanlangan elementlarga bir nechta hodisa ishlovchisini qanday biriktirish mumkin.
Elementga maxsus hodisa biriktirish
Elementga maxsus nomlar fazosiga (namespace) ega hodisani qanday biriktirish mumkin.
Funksiyaga ma’lumot uzatish
Funksiyaga ma’lumotlarni qanday uzatish mumkin.
Kelajakdagi elementlar uchun hodisa ishlovchilarini qo‘shish
on() metodi hali yaratilmagan elementlar uchun ham ishlashini ko‘rsatish.
Hodisa ishlovchisini olib tashlash
off() metodi yordamida hodisa ishlovchisini qanday olib tashlash mumkin.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!