王骏的博客
编程、网络技术点滴...

公告

逐渐将VC知识库的博客迁移到这里!

随笔分类

随笔档案

相册

最新评论

阅读排行榜

评论排行榜

程序员博客   首页  新随笔  订阅  管理  登录 
 
JO2000 阅读(370) 评论(0)

程序猿友好的Bootstrap对话框组件,来源于:

http://nakupanda.github.io/bootstrap3-dialog/

 

开始使用
<link rel="stylesheet" href="__PUBLIC__/global/plugins/bootstrap-dialog/css/bootstrap-dialog.min.css" />
<script src="__PUBLIC__/global/plugins/bootstrap-dialog/js/bootstrap-dialog.min.js"></script>

 

最简单的alert
BootstrapDialog.alert('Hello world!');

 

取消掉标题行并且自动关闭
BootstrapDialog.show({
    message: '这是消息',
    onshow: function (dialogRef) {dialogRef.getModalHeader().hide();},
    onshown: function (dialogRef) {
    var id = setTimeout(function () {
    clearTimeout(id);
    dialogRef.close();
    }, 1000);
  }
});


发表评论
切换编辑模式