javascript - 将 JavaScript 确认警报替换为 bootbox.js 确认

Question

我不太了解如何实现 bootbox.js替换我的标准 javascript 确认警报弹出窗口并需要一些帮助。我已经阅读了一些主题和文档，但还是不太明白。

我目前有这个按钮/链接在我的模板中保存记录号:

<a href="{% url overseas_experience_details_duplicate overseas_experience_detail.id %}" onclick="if(confirmDuplicate())showProgressAnimation();else return false;">{% trans "Duplicate" %}</a>

这调用了我想用 bootbox.js 替换的当前 js 函数:

function confirmDuplicate() {
    return confirm("Are you sure?");
}

如果选中“确定”选项，则会复制记录(复制记录时会显示显示进度动画)。如果选择取消选项，则什么也不会发生。

我已经使用下面的代码实现了bootbox alert，但是我不知道如何返回bootbox OK确认，然后复制记录。

bootbox.js

function confirmDuplicate() {
    bootbox.confirm("Are you sure?", function(result) {
    if (result == true) {

        // not too sure what to insert here to return the bootbox confirm();

    }
});

一些有效的建议将不胜感激

问题更新

我现在显示了 bootbox 确认弹出窗口，但我无法返回“true”或“false”确认结果。这是我的新代码:

function confirmDuplicate() {
    bootbox.confirm({
        callback: function(result) {
            if (result) {
                return result;
            }
        }
    }
}

我很沮丧，我无法返回结果来复制记录。

任何帮助都会很棒。

Answer 1

尝试这样的事情:

<a href="whatever" onclick="return myConfirm(this.href)">....

myConfirm = function(url) {
    bootbox.confirm("sure?", function(okay) {
        if(okay)
             location.href = url;
    });
    return false;
}

您无法立即获得bootbox.confirm 结果，因此从处理程序返回false 以防止跟踪链接并在回调函数中执行所需的操作。