jQuery基于bootstrap消息对话框插件免费下载

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>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录