Question

当我点击A按钮时，我的代码显示CONFIRM msg。问题是我的ajax继续并删除我的记录，虽然我选择了取消。

为什么？

<a href='#' class="btn btn-default btn-xs left delButton" type="comment" delID="<?PHP echo $subCommentIndex['id'] ?>" onclick="return confirm('Are u sure?')">Delete </a>

AJAX：

$(function() {

    $(document).on('click','.delButton',function() {

        var element = $(this);

        var delID = element.attr("delID");
        var type = element.attr("type");
        var info = 'delID=' + delID + '&type=' +  type;

         $.ajax({
           type: "GET",
           url: "ajax/delete_element.php",
           data: info,
           success: function(data){
                if (data == true)
                    $("#"+delID).animate({ opacity: "hide" }, "slow");
           }
         });

        return false;

    });

});

Answer 1

在javascript函数中添加确认

$(function() {

$(document).on('click','.delButton',function() {

    var element = $(this);

    var delID = element.attr("delID");
    var type = element.attr("type");
    var info = 'delID=' + delID + '&type=' +  type;
    var check = confirm('Are you sure');
    if(check){
     $.ajax({
       type: "GET",
       url: "ajax/delete_element.php",
       data: info,
       success: function(data){
            if (data == true)
                $("#"+delID).animate({ opacity: "hide" }, "slow");
       }
     });
    }

    return false;

});

});

Answer 2

在你的jq功能中添加“确认（'你确定吗？'）”。

使用确认按钮停止ajax

2 个答案: