最近使用bootstrap做后台管理系统,弹出框用到了bootbox.js,也是和bootstrap风格匹配。
在这里记录下来使用体会。
顺序依赖
- jQuery.js
- Bootstrap(css和js)
- Bootbox.js
bootbox 包括: alert、confirm、 prompt、 dialog 四种弹出框。
1、弹出框的按钮样式和文字都是可以修改的。
2、弹出框的margin-top默认是30px,比较靠浏览器的顶部,看着有点不舒服,比如想垂直居中等需求。 可以在引入bootstrap.css后面修改 modal-dialog样式的,margin-top样式。
3、dialog简化之后就是alert的效果。
4、全局设置: bootbox.setDefaults
5、弹框是异步的请求, 弹框之后的代码,写到callback函数内。
6、弹框,其实用bootstrap的modal一样可以实现,但是要自己写代码。