On en jquery

[ivan_teruel92]

Os pongo en situacion, al pretar un boton ejecuto la funcion nuevoTag que crea un elemento .tag dentro de #tagsSeleccionados como veis en la funcion. En un principio no hay ningun .tag hasta que se ejecuta por primera vez.

quiero que cuadno se ejecute nuevoTag y se cree el .tag se le asocie el evento que veis.. el alert por ejemplo



No funciona esto:

Código Javascript:

function nuevoTag(tag)
   {
       $("#tagsSeleccionados").append("<div class='tag'><input type='hidden' name='tags[]' value='"+tag+"'>"+tag+"<img src='' alt='Eliminar'></div>");
      
       
    }
   
$("#tagsSeleccionados .tag").on("click",function(){alert("elimi");});
 

me funciona esto:

Código Javascript:

function nuevoTag(tag)
   {
       $("#tagsSeleccionados").append("<div class='tag'><input type='hidden' name='tags[]' value='"+tag+"'>"+tag+"<img src='' alt='Eliminar'></div>");
       $("#tagsSeleccionados .tag").off("click");
       $("#tagsSeleccionados .tag").on("click",function(){alert("elimi");});
    }
 

por lo que tenia entendido al usar on de jquery pillaba automaticamente los cambios... que falla??