创建一个确认框jquery php

时间:2014-05-20 19:23:07

标签: javascript php jquery html css

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

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

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

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

但我如何将其付诸行动?  的 updated fiddle

1 个答案:

答案 0 :(得分:3)

试试这个:

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
});