jQuery+bootstrap封装实现的消息提示框对话框插件,有多种样式,具体看演示页面。
js代码
<script src=\"js/jquery-2.1.1.min.js\" type=\"text/javascript\"></script> <script src=\"bootstrap-4.0.0-dist/js/bootstrap.js\"></script> <script src=\"./js/bs4.pop.js\"></script> <script> function demo_dialog(){ let dia = bs4pop.dialog({ title: \'对话框标题, 我还能拖拽呢\', content: \'我是对话框内容\', closeBtn: true, backdrop: \'static\', btns: [ {label: \'确定\', className: \'btn-primary\', onClick(cb){}}, {label: \'取消\', className: \'btn-default\', onClick(cb){}} ], onShowStart: function(){ // console.log(\'onShowStart\'); }, onShowEnd: function(){ // console.log(\'onShowEnd\'); }, onHideStart: function(){ // console.log(\'onHideStart\'); }, onHideEnd: function(){ // console.log(\'onHideEnd\'); }, onDragStart: function(){ console.log(\'onDragStart\'); }, onDragEnd: function(){ // console.log(\'onDragEnd\'); }, onDrag: function(){ console.log(\'onDrag\'); } }); setTimeout(() => { // dia.hide() }, 2000); } function demo_alert(){ } setTimeout(() => { $(\'#alert\').alert(); setTimeout(() => { $(\'#alert\').alert(\'close\'); }, 2000); }, 2000); </script>
暂无评论内容