.each no funciona al recargar con ajax, como usar .on ?

[oscarbt]

Hola a todos tengo un inconveniente al usar ajax y posteriormente jquery .
Normalmente para ejecutar mis funciones lo que hago es esto:

Código Javascript:

$('.mi_clase').on('click','.mi_subclase',function() {
   //mis funciones
    });
 

Y de esta manera me sirve al recargar con ajax

Pero ahora tengo que ejecutar una funcion como la siguiente:

Código Javascript:

$("#add-courses-plan tr:has(td)").each(function() { 
      var t = $(this).text().toLowerCase();  
                $("<td class='indexColumn'></td>") 
                .hide().text(t).appendTo(this); 
            }); 
 
           
            $("#fil-add-table-cuourses").keyup(function() { 
                var s = $(this).val().toLowerCase().split(" "); 
                $("#add-courses-plan tr").show(); 
                $.each(s, function() { 
                     $("#add-courses-plan tr:visible .indexColumn:not(:contains('" 
                     + this + "'))").parent().hide(); 
                });  
            });
 

Pero no tengo idea de como usar para este caso el .on con el fin de que la funcion sirva cuando recargo con ajax

Agradezco si alguien me indica si el .on lo debo usar y de que manera usarlo

Muchas gracias

[maycolalvarez]

eso se debe a que como ajax es asíncrono, al momento de asignar los eventos con .on los objetos NO existen en dicho momento en el DOM.

¿solución?: volver a aplicar los eventos luego de que la petición ajax complete, es decir, en el success (y obviamente después de agregarlos al DOM ).

también tienes jQuery.live() que lo hace de forma automática, pero muchos desarrolladores insisten en que da más problemas de los que soluciona, depende de ti usarlo, ya estás prevenido, suerte

[oscarbt]

Me podrias dar un ejemplo de como aplicar el live en ese each....

[Trublux]

En vez de usar live, es mejor usar delegate.
En etnassoft hay un artículo titulado "Por qué no debemos usar nunca jQuery live" en el que explica los motivos.