bootbox是boostrap集成的弹窗，基本能完成后台系统的需求，下面是一些使用方法

1.bootbox.alert

bootbox.alert使用方法主要有三种

　　直接传内容

bootbox.alert('弹窗信息')

　传对象

/*@ message 弹窗的信息，必须要有的属性@ callback 点击确定的回调函数
*/bootbox.alert({message:'弹窗信息',callback:function(){console.log('点击了确定');}
})

效果如下

2.bootbox.confirm

/*@ message 弹窗的信息，必须要有的属性@ callback 点击弹窗按钮的回调函数，确定传的value为true,取消为fasle,@ buttons 按钮的信息
*/
bootbox.confirm({message:'弹窗信息',callback:function (value) {console.log(value)}
})
bootbox.confirm({message:'弹窗信息',callback:function (value) {console.log(value)},buttons:{confirm:{confirm:'确认按钮',className:'btn-primary'},cancel:{confirm:'取消按钮',className:'btn-default'}}
})

3.bootbox.prompt

效果过于逗B，不过多讨论

bootbox.prompt({title: '弹窗标题',callback: function(value) {console.log('你输入的内容为' + value)}
})

4.bootbox.dialog

以上三个方法最后都是通过转换参数调用dialog的（转换的方法写的挺好的，有心情的可以看看）

bootbox.dialog({  message: "弹窗内容",  title: "弹窗标题",  buttons: {  Cancel: {  label: "取消",  className: "btn-default",  callback: function () {  console.log("点击了取消");}  }  , OK: {  label: "OK",  className: "btn-primary",  callback: function () {  console.log("点击了确定");}  }  }
});

结束语：

　　boostrap的这套弹窗，简单实现了基本的交互，但是遇到复杂的交互的话（点击按钮前做些事情，失败不关闭弹窗，点击取消和弹窗右上角的x是调用不同的事件....），还是自己写一套吧~

转载于:https://www.cnblogs.com/peace1/p/bootbox.html

bootbox api相关推荐

Bootstrap：弹出框和提示框效果以及代码展示
前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...
弹出框和提示框效果以及代码展示
前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...
bootbox.js bootbox.promt()
想用bootbox做一个弹出的输入框,输入框是必填项,想看一下API,结果bootxbox.js的官网怎么也打不开.摸索了一下,发现用this可以获取整个模态框节点,这就好办了: bootbox.pr ...
百度地图调用电子围栏API实现案例
最基础的围栏展示效果: 以下所有参考学习,也可以先看看百度API了解.具体代码实现如下: 1.以下是用百度地图索要引用的 js 2. 围栏新增代码案例可简单看一下: //百度地图API功能 var ...
淘宝获取单笔订单信息服务端调用API及流程
淘宝获取单笔交易接口(文档地址):https://open.taobao.com/api.htm?docId=54&docType=2 调用接口所需依赖(文档地址):https://devel ...
rancher部署项目Validation failed in API: Deployment.apps“”must be no more than 63 characters问题原因及解决方法
Validation failed in API: Deployment.apps "xxxxxxxxxx-x x x x x x x x x" is invalid: [meta ...
RPC 笔记（01）— RPC概念、调用流程、RPC 与 Restful API 区别
1. 基本概念 PRC 远程过程调用 Remote Procedure Call,其就是一个节点请求另外一个节点提供的服务.当两个物理分离的子系统需要建立逻辑上的关联时,RPC 是牵线搭桥的常见技术手 ...
通过聚合数据API获取微信精选文章
思路在聚合数据申请账号(https://www.juhe.cn/) 通过聚合数据api获取微信精选文章api 通过newspaper库提取相应的文本内容,关于newspaper库的使用方法可以参考这 ...
使用 JavaCSV api 读取和写入 csv 文件
使用JavaCSV api 导包我现在基本上都是Maven构建项目,相信大家也是,就不提供jar包了. <dependency><groupId>net.sourceforg ...
API pytorch tensorflow
pytorch与tensorflow API速查表方法名称 pytroch tensorflow numpy 裁剪 torch.clamp(x, min, max) tf.clip_by_value ...

bootbox api