alert:
bootbox.alert("Hello world!", function() {});
dialog:
bootbox.dialog({
// dialog的内容
message: "I am a custom dialog",
// dialog的标题
title: "Custom title",
// 退出dialog时的回调函数,包括用户使用ESC键及点击关闭
onEscape: function() {},
// 是否显示此dialog,默认true
show: true,
// 是否显示body的遮罩,默认true
backdrop: true,
// 是否显示关闭按钮,默认true
closeButton: true,
// 是否动画弹出dialog,IE10以下版本不支持
animate: true,
// dialog的类名
className: "my-modal",
// dialog底端按钮配置
buttons: {
// 其中一个按钮配置
success: {
// 按钮显示的名称
label: "Success!",
// 按钮的类名
className: "btn-success",
// 点击按钮时的回调函数
callback: function() {}
},
// 另一个按钮配置
"Danger!": {
className: "btn-danger",
callback: function() {}
}
}
});
默认的modal是固定宽度的,bootbox也不例外,那么如何让弹出框能自定义宽度呢?我们可以利用上面提到的dialog的className,定义一个class,然后对class设置width即可。
发表于2023-03-28 18:07 0楼
现在的CSS功能真的是很强大。