Question

点击“删除此”链接后，我正在尝试创建确认框。

我可以使用onClick事件来完成此操作。但是，我读到这并不酷。所以，我找到了一个很酷的库来为我制作确认框。它叫做Bootbox，但我猜这没关系。

这就是我所做的（实际粘贴）：

我有这样一个链接：

<a class="confirm" href=#>Delete Record|</a>

这是处理此锚点击事件的javascript代码：

$(document).on("click", ".confirm", function(e) {
  bootbox.confirm("?", function(result) {
    console.log(result);
  }); 
});

我可以像这样得到用户输入。但是，我不知道如果用户点击“是”，如何让用户去删除页面，或者当他/她点击“否”时不做任何操作。

最好的方法是什么？

Answer 1

编辑 :(首先是偏离主题）

您必须在回调结果中重定向链接的href，结果只有结果为真，所以

<a href="/Page/Delete/2" class="confirm">Delete</a>


$(document).on("click", "a.confirm", function (e) {
    e.preventDefault();
    var target = $(e.target);
    bootbox.confirm("?", function (result) {
        if (result) {
            window.location.href = $(target)[0].href;
        }
    });
});

Answer 2

这实际上取决于您要删除的数据存储方式。如果您只想隐藏已删除的元素，可以使用javascript进行删除。例如：

$(document).on("click", ".alert", function(e) {
bootbox.confirm("?", function(result) {
$(this).hide(200); // animated
 }); 
});

如果您存储在数据库中显示的数据，则应使用ajax请求例如从数据库中删除数据的php。

确认删除没有onClick事件

2 个答案: