2012-10-05 15 views
6

Olası Çoğalt tetiklemek için en iyi yolu nedir listeye bir öğe eklerken:bu olay


How to identify when the DOM has been changed?

ı <ul> eleman $(ul#mylist) erişebilir varsayalım.
Bazı öğeler listeye eklendiğinde olayı nasıl tetiklerim?

Aşağıdakileri denedim ama aslında çalışmıyor.

$('ul#mylist').change(function() { 
    console.log('added an element'); 
}); 
+0

listeye öğe? – j08691

+0

Listeye ekleyen kişiyseniz, kodu o anda manuel olarak çalıştırmalısınız. Bunun için DOM Mutasyon yöntemlerine güvenmem. –

cevap

6

Sen .. sen UL bir li ekliyorsanız DOMNodeInserted olay

$('ul#mylist').on('DOMNodeInserted' ,function() { 
    console.log('added an element'); 
}); 

dinlemeyi deneyin ve etkinliğini dinleme istiyorum yapabilirsiniz

ekliyor Ne

Check DEMO

+0

+1 Çok iyi !, bu etkinliği bilmiyordum, demoyu, sayfada eklenmiş herhangi bir öğeyi dinlemek için nasıl kullanılacağını göstermek ve event.target'ı temel alan öğe türünü veya niteliklerini öğrenmek için genişlettim. parametre. Burada -> http://jsfiddle.net/gnel/9DPUY/ – Nelson

+0

@Nelson .. Keman için teşekkürler :) –

+0

Vay, ben de var olduğunu bilmiyordum! – argentage