클릭 이벤트 jquery doesnt work

Question

jquery 1.10.2를 사용하여 프로젝트를 만들고 있습니다.

제출 버튼을 클릭하면 설명이 추가됩니다. 자바 스크립트로 주석을 만듭니다.

$(document).ready(function() { 
    $("#enviar").on('click',function(){ 
     var texto=$("#comentarios").val(); 
     var fecha= new Date(); 
     var cruz= "<img class='eliminar' src='error.png'>"+"</img>"; 
     var fechaComentario= "<span class='fecha'>"+fecha.getHours()+":"+fecha.getMinutes()+":"+fecha.getSeconds()+"</span>"; 
     var divComentarioEscrito= "<div class='comentario-enviado'>"; 
     var divCompleto= divComentarioEscrito+fechaComentario+" "+texto+" "+cruz+"</div>"; 
      $("#comentarios-escritos").prepend(divCompleto); 
    }); 
    $(".eliminar").on('click',function(){ 
     alert("DELETEEEE"); 
    }); 
}); 

"DELETEEE"경고를 받고 싶지만 작동하지 않습니다.

나는 .live jquery 함수를 사용하려고 시도했지만 작동하지도 않았다.

어떻게해야합니까?

감사합니다.

Answer 1

페이지가로드 된 후 요소를 추가 할 때 위임 된 이벤트 처리기를 사용해야합니다. 이 시도 :

$("#enviar").on('click', function() { 
    var $div = $('<div />', { "class": "comentario-enviado" }).prependTo("#comentarios-escritos"); 
    var fecha = new Date(); 
    $div.append($('<span />', { "class": "fecha", "text": fecha.getHours() + ":" + fecha.getMinutes() + ":" + fecha.getSeconds() }); 
    $div.append($("#comentarios").val()); 
    $div.append($('<img />', { "class": "eliminar", "src": "error.png" }); 
}); 

Answer 2

당신이 시도 할 수 : 대신 건물의, 또한

$(document).ready(function() { 
    $("#enviar").on('click',function(){ 
     var texto = $("#comentarios").val(); 
     var fecha = new Date(); 
     var cruz = "<img class='eliminar' src='error.png'></img>"; 
     var fechaComentario = "<span class='fecha'>" + fecha.getHours() + ":" + fecha.getMinutes() + ":" + fecha.getSeconds() + "</span>"; 
     var divComentarioEscrito = "<div class='comentario-enviado'>"; 
     var divCompleto = divComentarioEscrito + fechaComentario + " " + texto + " " + cruz + "</div>"; 
     $("#comentarios-escritos").prepend(divCompleto); 
    }); 

    // Note the amended selector here... 
    $("#comentarios-escritos").on('click', '.eliminar', function(){ 
     alert("DELETEEEE"); 
    }); 
}); 

및 대규모 문자열을 추가, 당신은 빨리해야한다, DOM을 조작 할 jQuery를 사용할 수 있습니까?

$('#comentarios-escritos').on("click","img", function (e) { 
     e.preventDefault(); 
     alert('DELETEEEE'); 
});