javascript - 创建一个确认框 jquery php

Question

我有一个可以发表评论的网站。现在人们可以使用 .del 按钮

删除评论

$('.del').click(function(){
   var id = $(this).attr('cmnt-id');
    $.post(url,{
       //data sent
    },function(data){
         //remove the comment div
    })
});

现在我想要的是一个确认框出现在屏幕上，它只有 2 个选项 delete 和 cancel。当有人按下 delete 时，它会删除，但当按下 cancel 时，它会 返回 false。但我不知道该怎么做。

更新我有自己的确认框，不想使用任何PLUGINS

但是我该如何让他们付诸行动呢？？ <强> updated fiddle

Answer 1

试试这个:

if (confirm('Are you sure you want to delete this?')) {
   //delete code, OK was pressed (confirmed), execute delete code
} else {
   //cancel was pressed return false
   return false;
}

不需要 jquery 也不需要花式框。

如果您需要一些花哨的东西，我建议您使用 JQuery UI，您可以在其中使用 Dialog 小部件来获得确认框。

更新

var confirmed = false;
$('.del').click(function(){
   //show your confirm dialog
});

$('.confirm .yes').on('click', function() {
   //execute delete code
});

$('.confirm .no').on('click', function() {
   //code to close your confirm dialog
});