jQuery Live Metodu ve Kullanımı

Cuma, 18 Eyl 2009 yorum ekle yorumlara git

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.


Paylaş:
  • Facebook
  • FriendFeed
  • Twitter
  • del.icio.us
  • Digg
  • StumbleUpon
  • Technorati
  • LinkedIn
  • MySpace
  • BlinkList
  • Reddit
  • RSS
  • email
  • PDF

Benzer Yazılar (bunları bilgisayar seçiyor);

Categories: JavaScript, Programlama, jQuery 4.847 Gösterim
  1. sinan
    Pazar, 20 Eyl 2009 zamanında 22:17 | #1

    Teşekkürler.

  2. Pazartesi, 21 Eyl 2009 zamanında 21:28 | #2

    @sinan
    Rica ederim.

  3. Cetin
    Çarşamba, 31 Mar 2010 zamanında 03:59 | #3

    Cok tesekkür ederim gercekten, bunu ögrenmem iyi oldu. kac saattir ugrasiyordum. tam bana göre bir sey.

    Allah razi olsun.

  1. şimdilik geri bağlantı yok