jQuery ciltleme AJAX araması yapıldıktan sonra bir bağlantıya tıklayın

Question

Kızgınlaşıyorum - belki birileri bana bu konuda yardımcı olabilir.

Tıklayın AJAX çağrısı sonra bağlantıyı tıklatmanız gerekir, ancak bazı nedenlerle çalışmak istemiyor.

if ($('.active').length > 0) { 
    $('.active').click(function() { 
     var elem = $(this); 
     var url = $(this).attr('href'); 
     $.ajax({ 
      url: url, 
      dataType: 'html', 
      success: function(data) { 
       elem.replaceWith(data);              
      }  
     });   
     $('.active').bind('click'); return false;   
    }); 
} 

herhangi bir fikir:

İşte benim kod? yanıtlar için

teşekkürler - kanununda değişiklik yaparak, ama sorun hala orada:

function makeActive() { 
    if ($('.active').length > 0) { 
     $('.active').click(function() { 
      var elem = $(this); 
      var url = $(this).attr('href'); 
      $.ajax({ 
       url: url, 
       dataType: 'html', 
       success: function(data) { 
        elem.replaceWith(data);        
       }  
      }); 
      $('.active').live('click', makeActive);  
      return false;   
     }); 
    } 
} 


$('.active').live('click', makeActive); 

Answer 1

Eğer sonra bunu Ajax arama yürütmek istiyorsanız success işleyicisindeki yeniden birleştirme eklemek gerekir: bahsedilen

success: function(data) { 
    elem.replaceWith(data); 
    $('.active').bind('click', /* some function needs to go here*/); 
} 

bu durumda, live() veya delegate() muhtemelen, Daha iyi seçenekler [Güncelleme: şimdi jQuery 1.7 çıktı, her şey .on()] ile yapılabilir. Bu, değiştirilmemiş olan diğer .active bağlantılarınızın olması durumunda, tıklama işleyicilerinin çift atamasını da önler.

Güncelleme: Güncellenmiş kodunuzla ilgili olarak: live kullanmanın yolu, amacını yener. Lütfen documentation numarasını okuyun. Yaptığınız şey, bağlantı tıklandığında tıklama işleyiciyi atamaktır. Bu, tıklama işleyicilerini tekrar tekrar eklediğiniz anlamına gelir.

Bu, kodunuzun geliştirilmiş bir sürümüdür.

$('.active').live('click', function(event) { 
    var elem = $(this); 
    var url = $(this).attr('href'); 
    $.ajax({ 
     url: url, 
     dataType: 'html', 
     success: function(data) { 
       elem.replaceWith(data);        
     }  
    });  
    event.preventDefault(); 
    event.stopPropagation(); 
}); 

Answer 2

GÜNCELLEME 31 Ekim'de,

2012 jQuery 1.7, tavsiye edilen yaklaşımından başlayarak kullanmaktır on -

$(document).on('click', '.active', function() { 
    // click handler code goes here 
}); 

---

Aşağıdakileri deneyebilir misiniz?

$('.active').live('click', function() 
{ 
    // click handler 
});