我正在使用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