Dinamik olarak oluşturulan html elemana jquery eventi uygulamak için bir kaç yöntem bulunuyor. Örneğin bir jquery ajax yardımıyla ekranı temizleyip sonrasında yeni veriler ile html elemanları tekrar oluşturdunuz ve bu html elemanların bazı eventlerini kullanmak istiyorsunuz. Append fonksiyonu ile html elemanları oluşturduktan sonra tekrar click vs. eventleri kullanmak istediğinizde çalışmayacaktır. Bunun için aşağıdaki örnekleri kullanabilirsiniz
Örnek Kullanım 1-
|
1 2 3 4 |
$('body').on('click', '.test', function () {// test classında bir hmtl elemanın click eventini kullanacağım. alert("tık"); $(".test").remove();// daha sonra bu elemanı siliyorum. $("#data").append("<div class="test" div="">");// tekrar oluşturuyorum. return false; });</div> |
Örnek Kullanım 2-
|
1 2 3 4 5 |
$(".test").live('click', function () { alert("tık"); $(".test").remove(); $("#data").append("<div class="test"> </div>"); }); |
Kolay gelsin.
