Bootbox.js

起步

bootbox.js下载

通过npm

$ npm install bootbox

官网下载 地址

CDN

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键或者点击关闭按钮关闭弹窗

基本使用

弹出一个文本消息提示

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

也可以包含html代码

bootbox.alert("我的名字叫 <b>min.net.cn</b>")

高级使用

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

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

自定义参数

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

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

高级使用

自定义参数

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