WhoSayIn.com – Hüseyin KELEŞ

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.