附加到Bootstrap Bootbox Confirm对话框

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时调用的，所以当模态可见时，标题已经添加。还必须添加一个检查，以确保标题只附加一次