, bootstrap3-dialog-master是一款高效、灵活的模态框,此处为基本知识!
1,源码地址
https://github.com/nakupanda/bootstrap3-dialog
2,效果展示
3,示例代码
所需引入的js和css
& lt;链接rel="样式表" type=" text/css " href=" https://www.yisu.com/zixun/css/bootstrap-dialog.css " rel=巴獠縩ofollow”比;
& lt;链接rel="样式表" type=" text/css " href=" https://www.yisu.com/zixun/css/bootstrap.css " rel=巴獠縩ofollow”比;
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/jquery-1.11.3.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/bootstrap.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/bootstrap-dialog.js "祝辞& lt;/script>
之前
初始化
& lt;按钮类型="按钮" id=皌m”class=癰tn btn-primary”比;
& lt;跨类=" glyphicon glyphicon-remove”aria-hidden=" true "比;
& lt;/span>点我& lt;/button>
之前
, js实现代码
& lt;脚本比;
$(函数(){
$ (' # tm)。(“点击”,函数(){
BootstrapDialog.show ({
类型:BootstrapDialog.TYPE_DANGER,
消息:“你确定要删除吗?’,
大小:BootstrapDialog.SIZE_NORMAL,
按钮:[{
标签:“确定”,
行动:函数(对话框){
dialog.close ();
}
},{
标签:“取消”,
行动:函数(对话框){
dialog.close ();
}
})
});
}）
}）
& lt;/script>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
