jquery - 附加到 Bootstrap Bootbox 确认对话框

Question

我一直在玩 bootbox，目前正在使用 bootstrap.confirm 对话框来确认用户操作。但是我希望我的对话框有一个标题和一个关闭按钮（真的很喜欢）

这是我的启动盒代码

bootbox.confirm("Are you sure you want to delete the selected task?", function(result) {
    if (result == true) {
       //do something           
    }
});

以及附加标题的代码

$(".bootbox").prepend("<div class=\"modal-header\"><a href=\"javascript:;\" class=\"close\">&times;</a><h3>Confirm Delete</h3></div>");

问题是我不知道如何在对话框加载之前触发它。有什么帮助吗？

Answer 1

解决了这个问题

$("body").on("show", ".bootbox", function () {
    /* Dont add header again if div has been added */
    if (!$(".modal-header")[0]) {
        $(".bootbox").prepend("<div class=\"modal-header\"><a href=\"javascript:;\" class=\"close\">&times;</a><h3>Confirm Delete</h3></div>");
    }
});

基本上 prepend 在 bootbox 启动时被调用，所以当模式可见时，标题已经添加。还必须添加检查以确保标题仅附加一次