jQuery-自己封装的弹框

(function () {
CDK={
    cfm:function(resFun,errFun){
            var confirm=document.createElement('div');
            confirm.setAttribute('style','position:fixed;top:0;left:0;width: 100%;height: 100%;z-index:99;background-color: rgba(0, 0, 0,0.3);');
            $(confirm).addClass('confirmkuang');
            $(confirm).html(
                '
提示框✖
确定要执行此操作吗？
确认取消
'
            )
            $("body").append(confirm);
            $('.addson').animate({'opacity':'1'},400)
            $('.addConfirm').on('click',function(){
                
                if (resFun){
                    resFun();
                }
            })
            $('.closealter').on('click',function(event){
                $('.addson').animate({'opacity':'0'},400)
                setTimeout(function(){
                    $('.confirmkuang').remove()
                },400)
            })
        }
}
})(jQuery);//(jQuery)代表jQuery执行完毕后

调用:

　　js事件函数直接调用

CDK.cfm(res=>{
    console.log('确认执行')
},err=>{
   console.log('取消执行') 
})

弹框

jQuery点击调用

 

转载于:https://www.cnblogs.com/weilizou/p/10904640.html