如何在使用自定义对话框时关闭引导框
如何在使用自定义对话框时关闭引导框
提问于 2014-11-05 19:48:20
我正在使用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');回答 5
Stack Overflow用户
回答已采纳
发布于 2015-01-20 11:48:06
这个应该可以了。请注意，这只在v3上测试过。使用bootstrap 2.3.2
$(document).on('click', '.modal-backdrop', function (event) {
bootbox.hideAll()
});Stack Overflow用户
发布于 2015-03-31 19:21:38
添加一个onEscape回调函数，该函数可能有一个空体。
基本代码：
bootbox.dialog({
onEscape: function() {},
// ...
});Stack Overflow用户
发布于 2014-11-06 18:27:10
老实说，我从来没有真正使用过modal它来自于很久很久以前的公关，但我从来没有被它的用例说服过。现在对你没有好处，但是这个方法实际上在v3.0.0中被注释为不推荐使用，并且可能会在未来的版本中被删除-它只是不适合(对我来说)创建Bootbox的目的，并且由于其他方法已经被调整，改进和测试，它被忽略了。
但是你可以这样做
$(document).keyup(function(e) {
if (e.keyCode == 27) {box.modal("hide");} // esc
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26756500
复制相关文章
相似问题
腾讯云开发者
