自定义弹框

var pro=function(tit,fn){
if($('.box').length>0){
return false
}else{
var box='';
box +='<div class="box"><div class="con"><p class="clos">X</p><p>';
box +=tit;
box +='</p><button class="btn clos">确定</button><button class="btn">关闭</button></div></div>';
$('body').append(box);
}
$('.clos').on('click',function(){
if($(this).hasClass('btn')){
fn(true)
}else{
fn(false)
}
$(this).closest('.box').hide()
})

}

在业务需求中，有一个问题就是用户操作完成后没有点击确定按钮，直接点击右上方的X进行关闭操作，也就执行不了点击确定按钮后的方法了；

pro('提示',function(r){
if(r){
执行点击确定的逻辑业务

}else{

        //表明用户点击了X

这里可以写点击确定的逻辑业务
}
})

所以可以无论用户点击哪里都执行相同的逻辑