Jquery .on versus .live

Question

Sé que .live() está obsoleto pero parece que no puedo cambiarlo y mantener la funcionalidad.

Solo tengo una pregunta rápida acerca de la función .on() en jQuery. Actualmente estoy usando .live()here

así:

$('table tr th').live("click", function() { 
}); 

embargo, cuando intento y vuelva a colocar .live() con .on() ya no funciona como se supone que debe.

He intentado poner en

$('table tr th').on("click", function() { 
}); 

, así como

$('table tr').live("click", "th", function() { 
}); 

y

$('table tr').delegate("th", "click", function() { 
}); 

pero fue en vano.

¿Por qué esto y qué pasos puedo seguir para que funcione correctamente?

Answer 1

La función on() requiere una actualización sintáctica, debe modificar su código para:

$('body').on("click", "table tr th", function()... 

Lee este artículo para obtener más información: http://www.andismith.com/blog/2011/11/on-and-off/

Answer 2

De alguna manera supongo que está agregando tr elementos en su tabla, no th.

$('table').on("click", "tr th", function(){}); 

Answer 3

Prueba esto:

$('table tr th').live("click", function() { 

debería haber

$(document).on("click", "table tr th", function() { 

Así es como se imitaría la llamada .live exactamente. Por supuesto, puede limitar su selector de documento a algo más significativo en función de su estructura DOM.

Editar:

Solo para aclarar, en su ejemplo, usted está obligado a utilizar $(document).on(... porque la tabla no tiene ningún padres y es sustituido durante la vida de su página.

Answer 4

asegurar que el elemento seleccionado (el th/tr) existe cuando la página se carga inicialmente. El nuevo .on no funcionará si este selector se agrega más tarde al DOM.

Trate

$('body').on('click', 'thesSelectorForYourTriggerElement', function(){ 
    //callback 
});