bootstrap 彈窗默認打開_一款轻量级的Bootstrap 3模态弹窗插件--bootstrap3-dialog

Web开发中，模态弹窗应该是避免不了的事情，提示消息，确认操作等都需要使用到弹窗。那么，如果你在项目开发中使用了bootstrap前端框架呢，弹窗这件事情又如何处理？是用bootstrap官方提供的，还是自己封装？这里给大家推荐一款已经成熟的Bootstrap 3轻量级模态弹窗插件--bootstrap3-dialog。当然，bootstrap3的弹窗插件还有其他的，有兴趣的话，大家可以自己搜索一下。

bootstrap3-dialog虽然轻量，但功能却十分完整。可以满足各种弹窗开发需求，包括：

1.常规提示

BootstrapDialog.alert('I want banana!');

2.自定义参数配置的提示

BootstrapDialog.show({

title: 'Say-hello dialog',

message: 'Hi Apple!'

});

3.修改弹窗标题

BootstrapDialog.show({

title: 'Default Title',

message: 'Click buttons below.',

buttons: [{

label: 'Title 1',

action: function(dialog) {

dialog.setTitle('Title 1');

}

}, {

label: 'Title 2',

action: function(dialog) {

dialog.setTitle('Title 2');

}

}]

});

4.修改弹窗内容

BootstrapDialog.show({

title: 'Default Title',

message: 'Click buttons below.',

buttons: [{

label: 'Message 1',

action: function(dialog) {

dialog.setMessage('Message 1');

}

}, {