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>");
    }
});

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

附加到Bootstrap Bootbox Confirm对话框

1 个答案: