Ajax 호출이 추가 된 항목에 작동하지 않습니다.

Question

나는 새로 게시 된 주석을 나머지 부분에 추가하는 주석 시스템을 보유하고 있습니다. 사용자가 댓글을 클릭하면 '삭제'버튼이 표시됩니다.

사용자가 삭제 버튼을 클릭하면 확인 대화 상자가 표시되고 확인되면 ajax 호출이 완료되어 주석을 제거합니다.

이것은 Ajax 호출이 첨부 된 항목에서 작동하는 것처럼 보이지만 이미 페이지에있는 주석에 완벽하게 적용됩니다.

$(".commentsholder").on("mouseenter", ".textcomment", function(){ 
    var $this = $(this);  
    $(this).closest('.textcomment').find('.commentActionButton').show(); 
    }); 

그리고 댓글 삭제 아약스 :

$(document).on('submit','.delrepcomment',function(){ 
    var $targetComment = $(this); 

    if (confirm('Do you really want to delete this comment?')) { 
    $.ajax({ 
    type: "POST", 
    url: "process/deletecomment.php", 
    data: $targetComment.serialize(), 
    dataType: "json", 
    success: function(response){ 
    if (response.commentDeleted === true) { 
     $("#"+response.commentID).remove(); 
    } 
    else { 
     $('.delrepcomment').after('<div class="error">Something went wrong!</div>'); 
    } 
    } 
    }); 
    return false; 
    } else { 
     return false; 
    } 
    }); 
}); 

이 모든 내가 이것을 사용 버튼을 표시하려면

<div class='textcomment' id='".$commentID."'> 
     <a class='$rightscommentcolor'>USERNAME:</a>&nbsp; 
     THIS IS THE COMMENT TEXT 
     <div class='commentActionButton'> 
      <form action='process/deletecomment.php' method='post' class='delrepcomment'> 
       <input class='deletecommentsubmit' name='submit-delete' type='$buttontype' value='delete'> 
      </form> 
     </div> 
    </div> 

:

그래서 예를 들어 주석은과 같이 보인다 괜찮습니다. 그러나 추가 된 주석의 삭제 버튼을 클릭하면 확인 대화 상자가 표시되지만 주석은 d가 아닙니다. eleted.

나는 아약스 전화가 일어나지 않는다고 생각하게한다.

물건의 아약스면을 제거하고 PHP 페이지를 사용하여 직접 양식을 유지하면 작동합니다. 심지어 추가 된 주석에,하지만 그냥 아약스가 사용되는 때 작동하지 않습니다.

코멘트가과 같이 추가됩니다 : 당신이 AJAX를 통해 새로운 코멘트를 추가하면

if (response.commentSuccess === true) { 
     $this.closest('.addcomment').prev().append("<div class='textcomment'><a class='"+response.userRights+"'>"+response.username+":</a>&nbsp;"+response.commentToPost+"<div class='commentActionButton'><form action='process/deletecomment.php' method='post' class='delrepcomment'><input class='deletecommentsubmit' name='submit-delete' type='submit' value='delete'></form></div></div>"); 
    } 

Answer 1

, 당신의 textcomment 사업부의 id 속성을 설정하지 않습니다 그래서 당신이 AJAX 호출에서 돌아 오면,

//DIV does not have id! 
...append("<div class='textcomment'><a class='"+r...