如何使用bootbox 

小课堂

分享人：万登胜

1、 alert

2、Confirm

3、Prompt

4、Custom Dialog

1、 alert

Bootbox.js是一个小型的JavaScript库，基于Bootstrap模态框开发，用于创建可编程的对话框。 不像原生的alert等对话框，所有的Bootstrap模态框生成的都是非阻塞事件。所以 在使用confirm()对话框时， 请记住这一点，因为它不是本地确认对话框的替代。 任何取决于用户选择的代码都必须放在回调函数中。 alert是只有单个按钮的对话框，按ESC键或单击关闭按钮可关闭对话框。 bootbox.alert("Your message here…") message中可以放html语言，比如： bootbox.alert("Your message here…") 回调函数： bootbox.alert("Your message here…", function(){ /* your callback code */ }) options选项自定义对话框:！

2、Confirm

Confirm是具有确定和取消按钮的对话框， 按ESC键或单击关闭将忽略对话框并调用回调函数，效果等同于单击取消按钮。 需要注意的是，使用confirm时回调函数是必须的。 bootbox.confirm("Are you sure?", function(result){ /* your callback code */ })

3、Prompt

Confirm是提示用户进行输入操作并确定或者取消的对话框， 按ESC键或单击关闭将忽略对话框并调用回调函数，效果等同于单击取消按钮。 同样，prompt中回调函数也是必须的。 bootbox.prompt("What is your name?", function(result){ /* your callback code */ })

4、Custom Dialog

一个完全自定义的对话框方法，它只接收一个参数 - options对象。也就是说按ESC键时，这个自定义对话框将不会自动关闭，需要使用onEscape函数手动实现此行为。 options至少要有message选项，这时候将会出现一个不可撤销的对话框，一般用作“loading”界面

感谢大家观看

BY : 万登胜