如何在使用bootbox自定义对话框时关闭引导框

2022-07-06 11:17 阅读 778 次 评论 0 条

我正在使用bootbox显示对话框。

如果我使用bootbox.confirm、bootbox.alert或bootbox.prompt,当按下escape键或在对话框外单击时,对话框会按预期关闭

但在使用bootbox.dialog时,当我在对话框外单击或按下escape键时,对话框不会关闭,如何使其行为与其他对话框一样?

var box = bootbox.dialog({
    show: false,
    backdrop: true,
    animate: false,
    title: 'Bla',
    message: 'bla bla bla',
    buttons: {
        cancel: {
            label: 'Cancel',
            className: 'btn-warning'
        },
        save: {
            label: 'Parse',
            className: 'btn-success',
            callback: function () {
                // handling with ajax
                return false;
            }
        }
    }
});
box.modal('show');

解决方法:

$(document).on('click', '.modal-backdrop', function (event) {
    bootbox.hideAll()
});

(只在v3上测试过。使用bootstrap 2.3.2)

参考文章:https://cloud.tencent.com/developer/ask/sof/195859

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:如何在使用bootbox自定义对话框时关闭引导框 | 雨晨博客
分类:JS/JQuery, 前端笔记 标签:,

发表评论


表情