執行一個函數后運行jquery函數

Question

我正在使用AJAX添加一些注釋，並獲取返回格式的HTML，並通過DOM操作將其添加到HTML，

jQuery.ajax({
    url: baseURL + "index.php/user/news/add_comment",
    data: $("#comment_fm").serialize(),
    type: "POST",
    success: function(data) {

        var objData = jQuery.parseJSON(data);

        if (objData.cival == 1) //Success..
        {
            $("#comment").val('');
            $("#comment_box").replaceWith(objData.comment);
            $("#commentcounts").replaceWith(objData.commentcounts);
        }

    } // Success End
}); //AJAX End

通過上面的代碼，我可以看到添加了我的注釋，現在以相同的返回格式HTML，有與JS功能相關聯的刪除按鈕，

下面是刪除JS，

function deletecomment(commentid) {
    jQuery.ajax({
        url: baseURL + "index.php/user/news/deletecomment",
        data: {
            comment_id: commentid
        },
        type: "POST",
        success: function(data) {
            var objData = jQuery.parseJSON(data);

            if (objData.cival == 1) {
                $("#commentcounts").replaceWith(objData.commentcounts);
                $("#commentbox" + commentid).remove();
            }
        }
    });
}

下面是我的刪除按鈕，它觸發了函數deletecomment（）

<a href="javascript:deletecomment(<?php echo $comment['comment_id'];?>);"><i class="fa fa-trash text-info"></i></a>

但是我的問題是我無法在添加功能運行后立即刪除此注釋，如果刷新頁面，則刪除功能有效，

所以問題是，如何在不重新加載頁面的情況下使多功能功能起作用？

提前致謝，

Answer 1

我建議您嘗試如下：

<a class="deleteComment" data-id="<?php echo $comment['comment_id'];?>" href="#"><i class="fa fa-trash text-info"></i></a>

您的JS將是：

$(document).on('click','.deleteComment',function(){
    jQuery.ajax({
          url: baseURL + "index.php/user/news/deletecomment",
          data: {
                 comment_id: $(this).data('id');
          },
          type: "POST",
          success: function(data) {
                var objData = jQuery.parseJSON(data);
                if (objData.cival == 1) {
                     $("#commentcounts").replaceWith(objData.commentcounts);
                     $("#commentbox" + commentid).remove();
                }
          }
    });
});