Envío por $.POST: no funciona el js devuelto

Narachamus · #1 (**permalink**) 20/09/2013, 05:53

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<html>
<head>
    <script type='text/javascript' src='js/jquery-1.9.1.js'></script>
    <script type='text/javascript' src='js/mi-jquery.js'></script>
</head>
<body>
    <div id='capa'>
        <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>
    </div>
</body>
</html>

mi-jquery.js
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);
      })
   });

borrar.php
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 :(

thorstorm · #2 (**permalink**) 20/09/2013, 07:30

Prueba a utilizar la siguiente función :

Código Javascript:

Ver original$(".borrar").on('click', function(){
      var id = $(this).attr('id');
      $.post("borrar.php", { id: id },  function(respuesta){
            $("#capa").html(respuesta);
      })
   });

Narachamus · #3 (**permalink**) 20/09/2013, 08:08

Nada, el resultado es el mismo. La única forma de que funcione es cargando en el PHP otra vez las librerías de jquery y mi-jquery.js, pero eso hace que se dupliquen las funciones (al cargarlas otra vez) y me estropea otra parte del código.

Narachamus · #4 (**permalink**) 20/09/2013, 08:47

Es decir, si al principio del borrar.php escribo esto, funciona:

Código PHP:

Ver original$(".borrar").click(function(){
      var id = $(this).attr('id');
      $.post("borrar.php", { id: id },  function(respuesta){
            $("#capa").html(respuesta);
      })
   });

Pero me da la sensación de estar repitiendo malamente código de jquery.

Narachamus · #5 (**permalink**) 21/09/2013, 05:05

¿Nadie puede ayudarme con este problema? Tiene que haberle pasado a mucha gente, o no haberles pasado si se sabe como hacerlo.