Jquery ile sonradan oluşturulan yada ajax ile çekilen nesnelere tıklamak için yazılan jquery kodlarını makalenin devamında bulabilirsiniz.
Jquery ile oluşturulmuş yada sonradan ajax ile bir şekilde dökümana eklenmiş olan nesnelere bind,click,mousemove vs metodlar ile mümkün değildir.
Jquery bu işlemi gerçekleştirmek için on metodu geliştirilmiştir. Jquerynin eski versiyonlarında live ismi ile anılır.
on metodunu kullanırken HTML belgesinde yüklenme sırasında oluşturulan bir etiket seçici olarak seçilir. on içinde üç parametre sırasıyla olay,sonradan yüklenecek etiket(etiket adı,id,class) ve çalıştırılacak fonksiyon yazılır.
Örn:
|
1 2 3 4 5 6 7 8 9 |
$("body").on("click","div.ogrenci",function(){ /*body içinde sonradan oluşturlan div.ogrenci etiketlerine tıkladığında çalışacak */ alert("ajax ile gelmiş olabilir bu öğrenci listesi"); }); |
Örn:
|
1 2 3 4 5 6 7 8 9 10 11 |
$("#kutu1").on("click","#kutu2",function(){ /*kutu2 sonradan kutu1 içinde oluşturuldu. kutu1 içindeki kutu2ye tıkladığımızda aşağıdaki uyarı gelecektir. */ alert("sonradan yüklenen kutu2ye tıklandı"); }); |
Örn:
|
1 2 3 4 5 6 7 |
$("table#list").on("click","tr",function(){ /* dinamik olarak oluşturulmuş tr nesnesine tıklandığında çalışacak */ alert("dinamik yüklenmiş tr etiketine tıklandığında çalışır."); }); |
Yazı Etiketleri: Yeni oluşturulmuş nesneye tıklama, ajax ile çekilen nesneyi seçme, dinamik oluşturulmuş nesneler, dynamic created element,jquery event when element created,not firing element when ajax call, ajax element call problem,
Çok teşekkür ederim. Emeğinize sağlık