jQuery Live Metodu ve Kullanımı
Merhaba.
Uzun zamandır jQuery ile ilgili yazı yazmadığımı farkettim ve benim de yeni kullanmaya başladığım bir jQuery metodu olan Live metodunu anlatmaya karar verdim. Daha önce farkettiniz mi bilmiyorum ama eğer jQuery ile fazla haşır neşir birisi iseniz mutlaka farketmişsinizdir.
$("div").click(function(){ alert("Merhaba!!") })
Gibi bir kod yazdığımızı varsayalım, tüm div elementlerine tıklandığında Merhaba!! demesi lazım. Eğer div elementlerimiz sayfa yüklendiğinde oluşturulmuş durumda ise çalışır. Fakat çalışma zamanında oluşturduğumuz div elementlerinde bu fonksiyon çalışmaz. İşte bu ve bu gibi durumlarda yardımımıza yetişiyor live metodu. Live metodunu kullandığımızda tüm mevcut ve sonradan oluşturulan elementler fonksiyona dahil olur ve çalışır. Hemen fonksiyon ile ilgili birkaç detaydan bahsedelim;
Söz dizimi;
live(“event”, function)
- click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup eventlerini kullanabilirsiniz.
- blur, focus, mouseenter, mouseleave, change, submit eventleri ise henüz desteklenmiyor.
- Herhangi bir live metodunu kaldırmak için die metodu kullanılır.
Hemen basit bir örnek verelim ve yazıyı bitirelim;
Sayfamızdaki herhangi bir div elementine tıklandığında hemen altında yeni bir div oluşturulsun ve yeni oluşturulan div elementine tıklandığında da onun altında yeni bir div oluşsun. Oluşturulan divlerin içeriği de bir üstündeki div elementinin içeriği olsun. Şöyle bir kod yazmamız gerekecek;
$('div').live("click", function(){ $(this).after("<div>-----" + $(this).html() + "</div>") })
Karşılaştırmalı jQuery Live Metodu örneğini burada bulabilirsiniz.
Benzer Yazılar (bunları bilgisayar seçiyor);
- jQuery ile JSON Kullanımı
Merhaba. Günümüzde artık pek çok site API desteği veriyor ve çoğu web sitesi API'den dönen sonucu ... - jQuery ve PHP ile Basit Ajax Uygulaması
Merhaba, Bu yazımızda JQuery kütüphanesini kullanarak örnek bir Ajax uygulaması oluşturacağız. Uyg... - jQuery için Plugin Hazırlama
Merhaba! Bu yazımda nasıl jQuery plugini yapıldığından bahsedeceğim ve birlikte basit bir plugin yap... - jQuery Nesne Oluşturma Yöntemleri ve Hız Testi
Merhaba. Öncelikle hepinizin Ramazan Bayramı'nı kutluyorum ve hızlı bir şekilde yazıya başlıyorum. j...
Teşekkürler.
@sinan
Rica ederim.
Cok tesekkür ederim gercekten, bunu ögrenmem iyi oldu. kac saattir ugrasiyordum. tam bana göre bir sey.
Allah razi olsun.