至尊技术网 - 弹框
type: channel
link: https://www.zzwws.cn/tag/%E5%BC%B9%E6%A1%86/
items: jQuery-自己封装的弹框

jQuery-自己封装的弹框
type: item
date: 2019-12-30T09:14:00+08:00
description: (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( ' 提示框&#10006 确定要执行此操作吗？ 确认 取消 ' ) $("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执行完毕后 调用:CDK.cfm(res=>{ console.log('确认执行') },err=>{ console.log('取消执行') }) 弹框 效果：