Buenas, necesito solucionar un problema como sea porque se está repitiendo una y otra vez cada vez hago cualquier cosa, y a lo mejor es un problema de base que tiene fácil solución.
El problema es que al cargar en un div un php con jquery, el javascript que hay en ese php ya no funciona. Un ejemplo sencillo:
index.html
Código HTML:
Ver original <script type='text/javascript' src='js/jquery-1.9.1.js'></script> <script type='text/javascript' src='js/mi-jquery.js'></script> <a href='#' id='1' class='borrar'>Borrar el registro 1
</a> <a href='#' id='2' class='borrar'>Borrar el registro 2
</a> <a href='#' id='3' class='borrar'>Borrar el registro 3
</a>
Envío el id que quiero borrar con $.post al php que procesa el borrado y que recarga los registros actualizados:
Código Javascript
:
Ver original$(".borrar").click(function(){
var id = $(this).attr('id');
$.post("borrar.php", { id: id }, function(respuesta){
$("#capa").html(respuesta);
})
});
Borro con PHP el registro 1 y devuelvo los registros actualizados (omito la función porque no es necesaria para el ejemplo). El resultado devuelto sería algo como:
Código PHP:
<a href='#' id='2' class='borrar'>Borrar el registro 2</a>
<a href='#' id='3' class='borrar'>Borrar el registro 3</a>
La primera vez borra bien, pero la segunda, tras recargar los resultados en el div, ya no. No reconoce la función click de borrar. Supongo que es problema de la carga del jquery, no sé, me trae loco :(