Plugin de jQuery no aplica en elementos creados dinamicamente

[bengiss]

Hola a todos, tengo en mi aplicaciones la siguiente pagina (mostrare solo el contenido relevante):

Código HTML:

<div id="table_div">
        <table id="tiendas_list" class="tablesorter">
            contenido de tabla...
        </table>
    </div>
    <div id="pager" class="tablesorterPager">
        contenido de paginador...
    </div>
    
    <!--DIV PARA EJECUTAR CONSULTAS DEL ASYNC-->
    <div id="async_div"></div>
 

Estoy utilizando el plugin de tablesorter para darle estilo a mi tabla y permitir que se puedan ordenar los registros, se ejecuta al cargar la pagina:

Código Javascript:

$("#tiendas_list")
            .tablesorter({widthFixed: true, widgets: ['zebra'],
                headers: {
                    2: { 
                        sorter: false
                    },
                    3: {
                        sorter: false   
                    }
                }
            }) 
            .tablesorterPager({container: $("#pager")});
 

Y ademas en cada registro de la tabla tengo un boton que al hacerle click elimina ese registro de la base de datos y luego carga la misma tabla con los registros actualizados sin hacer refresh (igual les colocare las funciones relevantes):

Código Javascript:

$('#async_div').load('tiendas.async.php?async=4&id_tiendas='+id_tienda); //Eliminar tienda
$('#table_div').load('tiendas.async.php?async=1');     //Trae de nuevo toda la tabla
 

Todo funciona perfectamente excepto que la tabla cuando vuelve a cargar no se le aplica el plugin, ya que este se aplica al cargarse la pagina obviamente cuando se ejecuta el load ya la pagina ha cargado. He intentado jugar con la funcion live de jQuery pero no he logrado nada. Alguien sabe que puedo hacer para solucionarlo? O alguna manera de eliminar registros sin tener que cargar la tabla de nuevo?

Gracias de antemano!

EDIT: el contenido de 'tiendas.async.php?async=1' es toda la tabla exactamente como se muestra al cargar la pagina por primera vez (mismos ids, clases, etc).

[Rosencrantz]

live solo aplica a elementos que sean acivados por acciones del usuario como click o mouseover etc pero cuando el usuario no ejecuta accion directa sobre el elemento en este caso tu tabla a la cual le aplicaras el plugin sin interacicon directa con el usuario tienes la opcion del livequery, un excelente plugin que permite este tipo de acciones

un pequeño ejemplo:

Código PHP:

  <!-- Cargas libreria del livequery-->
<script type="text/javascript" src="javascript/jquery.livequery.js"></script>


<script language="javascript">
$(document).ready(function(){
    $('#miTabla').livequery(function(){
          $(this).tablesorter();//Aplicas el plugin o lo que sea a este nuevo elemento  creado
   });

}); 

</script>  
  

Para elementos añadidos al DOM que requieran interaccion como click usamos algo como

Código PHP:

  $(document).ready(function(){
    $('.btNew').livequery('click',function(){
          $(this).slideUp('slow');//Aplicas el plugin o lo que sea a este nuevo elemento  creado
   });

});  
   

espero e sirva saludos