jQuery olaylarının öğelere bağlanması için en iyi yaklaşım nedir

Question

Şu anda binlerce satırlık jQuery kodu içeren bir sitede çalışıyorum, özellikle çok sayıda tıklama etkinliği var ve daha fazla performans olduğunu merak ediyordum. Tıklama olaylarını veya bir öğeye yapılan herhangi bir olayı bağlamak için orada, en iyi uygulamaların farkında olun.

Çeşitli bağlantılarda ve eşyalarda 30'dan fazla tıklama etkinliğine sahip olmak, iyi bir performansın kaydedilmediğinden emin olamaz. Yeni jQuery 1.7 "on" işlevi kullanılıyor, belki de olaylar vücut elemanına veya başka bir şeye bağlanmalı ve daha sonra bir kontrol tıklandığında öğeyi tıklayıp oradan çalışacak mı? Ya da, modern bir tarayıcı ya da performans için gerçekten bir sorun değil, bir çok olay ve bağlayıcı mı?

Answer 1

Öğeleri, tüm tıklanan öğeleri içeren en düşük dom öğesine bağlamanız gerekir.

Yani her öğesi içeren foo adında bir div varsa, derdin ki:

$("#foo").on("click", "yourselector", function(){ 
}); 

sizin elemanları sayfanızın her santimini yayılmış, o zaman çok az dinlersen üst:

$(document).on("click", "yourselector", function(){ 
}); 

sorunuzu doğru anlamak ediyorum, ben gerçekten çok önceki geliştirici yapmadım umut gibi bir şey:

$("#someButtonId").on("click", function(){ 
    //this defeats the whole purpose of on!!! 
}); 

Answer 2

Aynı olayı bir öğede birden çok kez bağlayabilirsiniz, ancak aynı bağlantıda 30 tıklama olayına sahipseniz, bunu farklı bir şekilde yapmalısınız. Tek bir olay işleyicisinde yapmak istediğiniz tüm bu farklı eylemlerin kodunu her küçük şeyi kendi başlarına bağlamak yerine koyun.