JQuery와 기능은 그래서 같은 기능을 클릭

Question

에 호출하지 : 이것은 그것이 바꾸는 셀 내용으로 채워 인라인 양식을 테이블 셀을, 그리고 생산하도록되어

last_value = null; 
$('td').click(function(e) { 
    console.log($(e.target).attr("id")); 
    if ($(e.target).is("td")) { 
    var the_form = $("#edit-form").detach(); 
    if (last_value) { 
     $("#" + last_value.attr("id")).replaceWith(last_value); 
    } 

    last_value = $(e.target).clone(); 
    $(the_form).removeClass("hidden"); 
    var the_input = $(the_form).find("input.form-control"); 
    $(the_input).attr("name", $(e.target).attr("id")); 
    $(the_input).attr("placeholder", $(e.target).text()); 
    $(e.target).css('padding-top', 1); 
    $(e.target).css('padding-bottom', 1); 
    $(e.target).text(""); 
    $(e.target).append(the_form); 
    } 
}); 

. 또한 다른 셀을 클릭하면 내용이 원래 값으로 되돌아 갈 수 있도록 코드가 추가되었습니다. 그러나, 내가 겪고있는 문제는 이것입니다 : 하나의 셀을 클릭하면, A. 폼이 있어야하는 것처럼 보입니다. 그런 다음 셀 B를 클릭하면 양식이 해당 셀로 "이동"하고 셀 A의 내용이 원래 값으로 되돌아갑니다. 이제 셀 A를 다시 클릭한다고 가정합니다. 이 경우 폼이 나타나지 않을뿐만 아니라 셀 B에도 그대로 유지됩니다. 실제로 console.log은 실행되지 않습니다. 여기서 내가 뭘 잘못하고 있니?

Answer 1

으로는 영업 이익에서 코멘트에 제안했다 (감사 @Mohammad Akbari),

$('table').on('click', 'td', function(e){ 
     console.log($(e.target).attr("id")); 
     if ($(e.target).is("td")) { 
      var the_form = $("#edit-form").detach(); 
      if (last_value) { 
       $("#" + last_value.attr("id")).replaceWith(last_value); 
      } 

      last_value = $(e.target).clone(); 
      $(the_form).removeClass("hidden"); 
      var the_input = $(the_form).find("input.form-control"); 
      $(the_input).attr("name", $(e.target).attr("id")); 
      $(the_input).attr("placeholder", $(e.target).text()); 
      $(e.target).css('padding-top', 1); 
      $(e.target).css('padding-bottom', 1); 
      $(e.target).text(""); 
      $(e.target).append(the_form); 
     } 

}); 

수정 문제에 코드를 변경.

Answer 2

이 당신을 도울 것이

$(document).find('td').on('click',function(e){ 

      e.preventDefault(); 
      console.log($(e.target).attr("id")); 
      if ($(e.target).is("td")) { 
       var the_form = $("#edit-form").detach(); 
       if (last_value) { 
        $("#" + last_value.attr("id")).replaceWith(last_value); 
       } 

       last_value = $(e.target).clone(); 
       $(the_form).removeClass("hidden"); 
       var the_input = $(the_form).find("input.form-control"); 
       $(the_input).attr("name", $(e.target).attr("id")); 
       $(the_input).attr("placeholder", $(e.target).text()); 
       $(e.target).css('padding-top', 1); 
       $(e.target).css('padding-bottom', 1); 
       $(e.target).text(""); 
       $(e.target).append(the_form); 
      } 

    }); 

희망 해 봅니다.