Bootbox.js

发表于

起步

bootbox.js下载

通过npm
1
$ npm install bootbox
官网下载 地址
CDN
1
https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js

依赖

Bootbox版本 bootstrap版本 JQuery最低版本 说明
4.x.x(latest) 3.0.0~3.3.x 1.9.1 重写后支持Bootstrap3.0.0

脚本引入顺序

1、jQuery

2、Bootstrap

3、Bootbox

使用说明

Alert

alert弹出窗只有一个按钮，通过ESC键或者点击关闭按钮关闭弹窗

基本使用

弹出一个文本消息提示

1
bootbox.alert("你要显示的消息内容！")

也可以包含html代码

1
bootbox.alert("我的名字叫 <b>min.net.cn</b>")
高级使用

回调函数，在点击确定按钮后执行

1
2
3
4
bootbox.alert("你要显示的消息内容！",function()
{
	/* your callback code*/
})

自定义参数

1
2
3
4
5
6
bootbox.alert({ 
  size: "small",
  title: "Your Title",
  message: "Your message here…", 
  callback: function(){ /* your callback code */ }
})

confirm

confirm有两个按钮，取消和确认按钮，通过ESC键或者点击关闭按钮关闭弹窗，点击取消按钮会调用回调函数

基本使用

confirm()方法有2个参数，第一个是要确认的文本描述，第二个是一个回调函数，这个回调函数有一个boolen的参数result，当true=OK,false=Cancel

1
bootbox.confirm("确定要这样做?", function(result){ /* your callback code */ })
高级使用

自定义参数

1
2
3
4
5
6
7
bootbox.confirm({ 
  size: "small",
  message: "确定要这样做?", 
  callback: function(result){
  	/* result is a boolean; true = OK, false = Cancel*/ 
  }
})