No funciona .append() jquery

[mariomon17]

Hola a todos, cuando en mi codigo creo un elemento dentro de un div, con .append()
y luego intento interactuar con el, no me funciona.

Por ejemplo:

Código Javascript:

$("a").click(function() {
      $(".div").append('<img src="..."/>');
})
 
$("img").click(function() {
    alert("FUNCIONANDO")
})
 

Aqui la segunda parte del codigo no se ejecuta :S

Gracias, un saludo

[KoswiDigital]

Hola, pasa lo mismo que en el otro post que publicaras para editar un span y convertirlo en un input. La manera de que funcione la segunda sentencia es colocándola dentro de la primera.

Cuando cargas una página, el navegador lee tu código javascript. Y en ese preciso momento, esa etiqueta <img> no existe. Por eso no funciona. Prueba y me dices ;)


Un saludo.

[mariomon17]

Esta relacionado con el otro post, pero es otra parte ;)

Entonces sera necesario, poner uno dentro del click y otro fuera para los img que ya estan desde el principio, no?

Código Javascript:

$("a").click(function() {
      $(".div").append('<img src="http://www.forosdelweb.com/f127/no-funciona-append-jquery-946890/..."/>');
      $("img").click(function() {
          alert("FUNCIONANDO");
      })
})
 
$("img").click(function() {
    alert("FUNCIONANDO");
})
 

Gracias por toda la ayuda

[KoswiDigital]

Hola. No quería dar a entender un post duplicado, ya que son cosas distintas.

La respuesta es si. Tienes que ponerlos dos veces por ese mismo motivo que dices. Al cargar, javascript lee tu página, pero los <img> que generes más tarde no existen, por lo que no funciona. Tienes que volver a indicarlo en el código que genere las nuevas etiquetas, en este caso un evento onclick.


Para lo que sea, aquí seguimos. Un saludo.

[chichote]

Hola Jquery no interpreta de forma natica elementos creados dinamicamente, debes utilizar el metodo live o bien el plugin livequery y quedara algo como esto

Código:

$('img').live('click', function() {
  alert("FUNCIONANDO")
});

Saludos.

[KoswiDigital]

Vaya, sabía que algo se me escapaba. Toda la razón del mundo, live() de jQuery. En todo caso, viene a ser lo mismo, pero de esta manera te ahorras código. Personalmente lo he usado en 2 ó 3 ocasiones a lo sumo y no lo tuve presente en ningún momento a la hora de responder.

Gracias Cherivera ;)


Un saludo.