on() vs live() fonksiyonunu henüz içermeyen bir öğede tıklatın

Question

Bilmekte olduğum kadarıyla, click() yönteminin benim için çalışmıyor çünkü yüklediğim öğe sayfa yükünde mevcut değil (DOM) hazır).

.live('click',function(){...})'u kullanmayı öneren birçok yanıt buldum. Bu harika çalışıyor!

Ancak .live() yerine .on('click',function(){...}) kullanarak denedim

Yani jQuery 1.7

itibariyle amortismana tabi, ancak .click() aynı (işe davranır değil gelmez.

kimse neden biliyor mu, ya da ben (çalışıyor) .live() benzer .on() kullanmak için neler yapabileceğinizi?

Answer 1

on() hem bind() ve live() değiştirdiğinden, olayın faydalanmak amacıyla üçüncü bir parametre geçmesi gerekiyor Heyet (diğer bir deyişle, eski live() gibi çalışması için):

$(document).on('click','element', function(){...}); 

element bağlamak istediğiniz öğedir:

$('#container').on('click', '.element', function(){ }); 

Answer 2

Böyle bir biçimi kullanmak mümkün olmalıdır tıklama etkinliği document'u kullanmak, DOM hiyerarşisinde dinamik olarak yüklenecek öğeye daha yakın bir zamanda DOM yüklendiğinde mevcut olan bir öğeyi kullanmak istediğiniz için en kötü durum senaryosudur. jQuery .on() Dokümanlar

:

olay gidericiler sadece seçili öğelere bağlı; , kodunuzun aramayı .on() yapmasını istedikleri anda sayfada bulunmalıdır. Öğelerin mevcut olduğundan ve seçilebildiğinden emin olmak için, sayfada HTML işaretlemesi olan öğeler için bir belge hazır işleyicisi içinde olay bağını uygulayın. Sayfaya yeni HTML enjekte ediliyorsa, öğeleri seçin ve yeni HTML sayfa sayfanın içine yerleştirildikten sonra olay işleyicileri ekleyin.