Bootbox:取消对话框后的回调功能/点击'X'按钮
Bootbox: Callback function after dismissing the dialog / Clicking on the 'X' button
下面的代码片段允许我在回调函数中为单击的按钮执行一些操作。但是,我如何获得回调函数或类似的解决方法,以便在用户单击"X"按钮/取消对话框时执行一些代码?
bootbox.dialog({
title: "Woah this acts like an alert",
message: "Cool info for you. You MUST click Ok.",
buttons: {
sucess:{
label: "Ok",
callback: callback
}
}
});
callback(){//stuff that happens when they click Ok.}
我不想禁用/隐藏的关闭按钮
closeButton: false,
有一个onEscape函数。
bootbox.dialog({
message: 'the msg',
title: "Title",
onEscape: function() {
// you can do anything here you want when the user dismisses dialog
}
});
单击OK
或x button / escape key
后,可以使用变量检查模态是否隐藏
var status = false;
$('.btn').on('click', function () {
bootbox.dialog({
title: "Woah this acts like an alert",
message: "Cool info for you. You MUST click Ok.",
buttons: {
sucess: {
label: "Ok",
callback: function () {
status = true;
}
}
},
onEscape: function () {
$('.bootbox.modal').modal('hide');
}
});
});
$(document).on("hidden.bs.modal", ".bootbox.modal", function (e) {
callback();
});
function callback() {
if (!status) {
onClose();
} else {
onOK();
status = false;
}
}
function onClose() {
$('p.alert span').removeClass().addClass('text-danger').text("Dismissed");
}
function onOK() {
$('p.alert span').removeClass().addClass('text-success').text("Sucess");
}
Fiddle演示
有些人可能会认为这有点像黑客。尽管这很适合我,因为我只想承认作为一名开发人员,有人接受了消息,这引发了下一个事件。
使用Bootbox.js
的本机confirm()
方法,确实提供了callback
操作。我添加了一个额外的类作为confirm
按钮的选项(必须在confirm()
调用中提供),具有hidden
类名(例如Bootstap有一个display:none
的助手类,名为hidden
)。
这会隐藏确认按钮,因此模式显示为正常的警报框。
bootbox.confirm({
message: "Some Button Text",
buttons: {
"cancel": {
label: "<i class='fa fa-check'></i> OK - I understand",
className: "btn btn-primary"
},
//Hide the required confirm button.
"confirm": { label: "", className: "hidden" }
},
callback: function(){
//Begin Callback
alert( "Finished" );
}
});
JsFiddle示例
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- 点击按钮输入不起作用
- 通过点击按钮翻转缩略图
- 如何调整信息窗口的大小并点击按钮?+更改信息窗口的内容
- 如何在点击按钮后自动插入价值
- 流星JS:铁路由器点击按钮
- Javascript/Ajax:通过点击按钮检查有效的电子邮件和电话号码
- Aurelia绑定-点击按钮返回查看模型
- 如何根据点击按钮重新加载我的谷歌图表
- 如何通过点击按钮关闭Fancybox
- 如何使用Twitter引导程序点击按钮导航到另一个页面
- 停止直接执行php代码而不点击按钮
- 点击按钮后出现小延迟
- 我如何才能在点击按钮时将我的数字和财富显示在这个脚本上
- 在谷歌地图的信息窗口内点击按钮
- 从下拉列表中选择时,自动触发点击按钮
- 如何在不点击按钮的情况下打开引导模式
- 获取点击按钮的值/attr作为event.data,带有.on(“点击”…)
- php,如果我点击按钮程序重新加载页面,并且从不继续执行代码
- 获得点击按钮的正确位置(涟漪效应)