插件官方地址：http://bootboxjs.com/

alert：

1	`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即可。

转载于:https://www.cnblogs.com/telwanggs/p/7388785.html

bootstrap插件bootbox参数和自定义弹出框宽度设置相关推荐

bootstrap插件（对话框）bootbox参数和自定义弹出框宽度设置
参考:https://hisune.com/post/view/17/bootstrap-plugin-bootbox-and-custom-width-dialog 官网:http://bootbo ...
element 弹出框宽度设置
之前用element的弹出框时宽度都是设置的百分比今天设置成固定的宽度发现效果没有出来问了好多人才发现我写错了 width=' 1056px; ' 这样写是不对的不需要后面的分号分号去掉就正常 ...
Qt总结：QMessageBox（原生态弹出框及究极超nice封装自定义弹出框）
一.前言在Qt中经常需要弹出窗口,QMessageBox可以实现此功能,一共有三种窗口,information, question, 和 warning,critical, about分别对应感叹号 ...
react native仿微信性别选择-自定义弹出框
简述要实现微信性别选择需要使用两部分的技术: 第一.是自定义弹出框: 第二.单选框控件使用: 效果实现一.配置弹出框弹出框用的是:react-native-popup-dialog(Git地址 ...
android自定义弹出框样式实现
前言: 做项目时,感觉Android自带的弹出框样式比较丑,很多应用都是自己做的弹出框,这里也试着自己做了一个. 废话不说先上图片: 实现机制 1.先自定义一个弹出框的样式 2.自己实现CustomD ...
OpenLayers标记地图点及点击地图点显示自定义弹出框
css代码(设置弹出框样式) /*设置弹出框样式*/.ol-popup {position: absolute;background-color: #eeeeee;-webkit-filter: dr ...
所有网站都通用的自定义弹出框alert
A.所有网站都通用的自定义弹出框.A </body> <script>var Alert = function(data){//没有数据则返回if(!data){return; ...
android弹出框自定义按钮,安卓（kotlin）自定义弹出框
在安卓开发中,我们经常会遇到这种情况,就是可爱的UI们设计了一套属于我们自己风格的弹出框,为了彰显我们自己的风格,使用自动的dialog当然满足不了我们的需求,所以还是得这基础上写出我们自己的提示框, ...
阻止window.onbeforeunload事件的弹出框或自定义弹出框
前引:网上很多关于window.onbeforeunload用来监听页面的意外退出或者关闭事件的用法但都会出现下面的弹出框.为此本博客提供方案使下面弹出框消失,但又能实现自己的相应业务功能. 在使用 ...

bootstrap插件bootbox参数和自定义弹出框宽度设置

插件官方地址：http://bootboxjs.com/

bootstrap插件bootbox参数和自定义弹出框宽度设置相关推荐

最新文章

热门文章