¿Cuál es el mejor enfoque para vincular eventos jQuery a los elementos

Question

Actualmente estoy trabajando en un sitio que tiene miles y miles de líneas de código jQuery, hay un montón de eventos de clics especialmente y me preguntaba si hay un mayor rendimiento- la mejor práctica consciente para eventos vinculantes de clics o cualquier evento a un elemento.

Seguramente tener más de 30 eventos de clic en varios enlaces y elementos no puede ser bueno en cuanto a rendimiento se registra. Se está utilizando la nueva función jQuery 1.7 "on", ¿tal vez los eventos se vincularán al elemento del cuerpo o algo así y luego un cheque hará clic en el elemento y luego trabajará desde allí? ¿O no es un problema y vincula muchos eventos que en realidad no son un problema para un navegador o rendimiento moderno?

Answer 1

Debería unir los elementos al elemento dom más bajo que contenga todos los elementos en los que se hace clic.

Así que si hay un div llamado foo que contiene cada elemento, que diría:

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

Si los elementos de su se distribuyen en cada pulgada de su página, entonces lo que escucha en el mismo arriba:

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

Si estoy entendiendo bien su pregunta, yo realmente espero que el desarrollador anterior no hizo algo como:

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

Answer 2

Puede vincular el mismo evento más de una vez en un elemento, pero si tiene hasta 30 eventos de clic en el mismo enlace, debe hacerlo de manera diferente. Coloque el código para todas las acciones diferentes que desea hacer en un único controlador de eventos en lugar de unir cada pequeña cosa por sí mismos.