JS，jQuery，删除前如何确认？

Question

我有这段代码可以从 DB-ROW 中删除一条记录，并从 html 表中直观地删除它。

$(function() {
    $('.delpro').click(function(e) {
        var elem = $(this);
        var parents = $('.did' + elem.attr('data-id'));
        $.ajax({
            type: 'get',
            url: 'delete.php',
            data: 'id=' + elem.attr('data-id'),
            beforeSend: function() {
                elem.animate({ 'backgroundColor': '#fb6c6c' }, 400);
                parents.animate({ 'backgroundColor': '#fb6c6c' }, 400); 
            },
            success: function() {
                parents.slideUp(300,function() {
                    parents.remove();
                });
            }
        });
        return false;
    });
});

删除前我需要一个确认对话框。我是 JS 和 JQuery 的新手。我该如何做到这一点，以及将其放在代码中的什么位置？

Answer 1

点击后立即放置：

$(function(){

  $('.delpro').click(function(e){

    if ( confirm('Are you sure') ) { //<--------------- here
      var elem = $(this);
      var parents = $('.did'+elem.attr('data-id'));


      $.ajax({
        type: 'get',
        url: 'delete.php',
        data: 'id='+elem.attr('data-id'),
        beforeSend: function() {
            elem.animate({'backgroundColor':'#fb6c6c'},400);
            parents.animate({'backgroundColor':'#fb6c6c'},400);


        },
        success: function() {



            parents.slideUp(300,function() {
            parents.remove();
            });


        }
     });
    return false;
   } //<--------------- here
});
});