javascript - 将标准 Javascript 确认对话框转换为 Bootbox Confrim

Question

  $(document).ready(function () {
            $("#close").click(function () {
                var link = $(this).attr("href"); // "get" the intended link in a var
                var result = confirm("Are you sure?");
                if (result) {
                    document.location.href = link;  // if result, "set" the document location      
                }
            });
        });

我将如何使用 Bootbox 对话框而不是 JavaScript 对话框？

编辑

好吧，我已经尝试过了，但是在单击引导框对话框的“确定”按钮后没有任何反应

        $(document).on("click", "#close", function (e) {
            e.preventDefault();
            var link = $(this).attr("href"); // "get" the intended link in a var
            bootbox.confirm("Are you sure you want to close this Incident? This operation cannot be reversed.", function (result) {
                    if (result) {
                        document.location.href = link;
                    } else {
                        console.log("user declined");
                    }
                });
        });

Answer 1

我会考虑使用 Bootbox 对话框，如下所示。

Bootbox Dialogs 允许您将回调函数附加到按钮，因此您可以为每个按钮指定要发生的特定函数。

我还包括该行closeButton: false,，以便用户无法单击关闭按钮来关闭对话框，而必须单击Ok或Cancel。

 $(document).on("click", "#close", function (e) {
    e.preventDefault();
    var link = $(this).attr("href"); // "get" the intended link in a var

    bootbox.dialog({
        closeButton: false,
        message: "Are you sure you want to close this Incident? This operation cannot be reversed.",
        buttons: {
            cancel:{
                label: "Cancel",
                callback: doThisOnCancel
            },
            ok:{
                label: "Ok",
                callback: doThisOnOk
            }
        }       
    });

    doThisOnCancel(){
        console.log("user declined");               
    }

    doThisOnOk(){
        document.location.href = link;
    }
});