Jquery y actualizaciones dinámicas de contenido de un Div

[alexg88]

Buenas,

La respuesta es sencilla.

Esto ocurre porque no está enlazado el evento click al nuevo enlace. Es decir, el código que se encarga de convertir en enlace en un código que carga la página dentro de un div sólo se ejecuta sobre los enlaces que están en el código cuando se ejecuta el script.

Cuando añades un enlace de manera dinámica, no estás volviendo a ejecutar ese código para que se escuche al evento click del nuevo enlace.

Se me ocurre que puedes hacer algo así:

Código Javascript:

$(document).ready(function(){ 
          $("#nav a").each(function(){
             var href = $(this).attr("href");
             $(this).attr({ href: "#"});
             $(this).click(function(){                
             $("#show").load(href);            
                 });
               });
   
 
$("#testAdd").click(function(){
    
    nuevo = $("<li><a href=\"test2.htm\">Añadido</a></li>");   
  
    enlace = $('a',nuevo);
    
      var href = enlace.attr("href");
             enlace.attr({ href: "#"});
             enlace.click(function(){           
                 $("#show").load(href);               
                 }); 
    $("#nav").append(nuevo);  
    });
});
 

Si tienes dudas de algo, no dudes en preguntar.

Saludos