Showbo.js弹窗实现(jquery)

一、搭建环境

下载showBo.js和showBo.css

下载链接：https://pan.baidu.com/s/1iUUlKXFNXCBEvBnds4ECIA  密码：its4

显示效果图：

二、代码实现

<!--导入css和js-->
<link rel="stylesheet" href="/static/css/show-bo/showBo.css">
<script type="text/javascript" src="/static/plugins/showBo/showBo.js"></script>
<script>
    $("#logout").click(function(){
            var m = Showbo.Msg.confirm('您确定退出登录吗？',function(reslut){
                console.log(reslut); //reslut: 确认返回yes，取消：返回no
                //实现登录请求
                if(reslut == "yes"){
                    $.ajax({
                        url: "/user/logout/",
                        type: "GET",
                        success: function(args){
                            var args = JSON.parse(args);
                            if(args.flag){
                                location.href = "/user/login";
                            }
                        }
                    });
                    //location.href = "/user/login";
                }
            })
        });
</script>