jQuery Gövde Öğesine Eklenmiş Birden Çok Tıklama Etkinliği (AJAX yüklü içerik)

Question

Sayfayı yenilemeye gerek duymadan işlemleri gerçekleştirmek için Twitter API ve AJAX isteklerine erişmek için PHP kullanıyorum.

Geçerli kurulumda, sayfa ilk yüklendiğinde boştur. JQuery'yi kullanarak, document.ready(), bir zaman çizelgesi kaplayan bir PHP sayfasına yönlendiren bir AJAX isteğini gerçekleştirir, bir dizede HTML yapısını oluşturur ve bunu AJAX başarı işlevine döndürür. Daha sonra HTML olarak işleyen bir div'a ekliyorum.

Yaşadığım sorun, çok fazla dinamik olarak oluşturulmuş içeriğim olduğu için jQuery'deki tıklama etkinliklerim birbirinin üzerine yazıyor. body öğeye bağlı olan .on("click") olayım var (document.ready() üzerinde yok çünkü).

$('body').unbind('click').on('click', '.element', function(e){...} 

Bunun sonucu kodunda aşağı uzak olan olay dinleyicisi çalıştığını, ancak değil üstünde olan diğerleri. Bu sorunu nasıl çözebilirim? İlk düşüncem e.stopPropogation ya da e.stopImmediatePropogation idi, sanırım daha önce benzer bir durumda kullandım, ama emin değilim.

Tavsiye için şimdiden teşekkür ederiz!

Answer 1

Sunucuya yapılan istek tamamlandıktan sonra olayları ajax success() işlevindeki öğelere bağlamayı deneyin.

AJAX

 $.ajax({ 
      url : 'process.php', 
      data: { ... }, 
      success : function(data) { 
       document.getElementById("my-element").innerHTML = data; 
       $('#loaded-element').bind('click', function(){ 
        ... 
       }); 
      } 
     });