El método de delegado de JQuery no funciona

Question

Estoy tratando de usar el método de delegado en una grilla que envuelvo con el complemento DataTables.Net. Originalmente tenía este código que funciona como se esperaba.

$("#myGrid tbody tr").click(function() { 
     var id = $(this).children('td').eq(0).text(); 
     alert(id); 
    }); 

Sin embargo, si se cambia el tamaño de paginación a continuación, las filas más nuevos no tienen el evento click llamar a la función. Decidí que el nuevo método de delegado de JQuery debería hacer exactamente lo que yo quería; sin embargo, no hace nada en absoluto en ningún elemento tr.

podría alguien explicar por qué esto no funciona:

$('#myGrid tbody').delegate('tr', 'click', function() { 
     var id = $(this).children('td').eq(0).text(); 
     alert(id); 
    }); 

He probado diferentes combinaciones de selector y ninguno conseguir que funcione.

Gracias Pablo Speranza

Answer 1

Utilice esta:

$("#myGrid tbody tr").live('click', function() { 
    var id = $(this).children('td').eq(0).text(); 
    alert(id); 
}); 

.live() obras para la corriente de elementos futuras.

Answer 2

Si las filas nuevas se agregan dinámicamente, usted tiene que utilizar live método de los elementos, cambiar el delegate a live

Answer 3

Prueba este lugar:

$('#myGrid').delegate('tr', 'click', function() { 
    var id = $(this).children('td').eq(0).text(); 
    alert(id); 
}); 

Hay una buena probabilidad de que algunos eventos en tu cuerpo están siendo molestados y/o tu cuerpo está siendo manipulado. Dudo que toda la mesa también sufra este problema.

Answer 4

probar este

$('#myGrid tbody').delegate('click', 'tr', function() { 
    var id = $(this).children('td').eq(0).text(); 
    alert(id); 
}); 

o

$('body').delegate('click', '#myGrid tbody tr', function() { 
    var id = $(this).children('td').eq(0).text(); 
    alert(id); 
}); 

Answer 5

Detrás de las escenas, bind, delegate y live todos utilizan el método on.

He tenido algunos problemas con delegate, así que comencé a usar on en su lugar. La conversión de sus llamadas delegate a on es fácil: simplemente cambie el primer y el segundo argumento.

Este:

$('#myGrid tbody').delegate('tr', 'click', function() { 
     var id = $(this).children('td').eq(0).text(); 
     alert(id); 
    }); 

Se convierte en esto:

$('#myGrid tbody').on('click', 'tr', function() { 
     var id = $(this).children('td').eq(0).text(); 
     alert(id); 
    }); 

Por cierto: live está en desuso en la versión más reciente de jQuery