layer是一款非常优秀的web弹窗组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,使用layer可以轻松地创建拥有丰富友好的操作体验的弹窗。
在使用layer插件时,我们经常会有关闭弹出层的同时刷新父页面的需求,那么layer弹窗关闭时怎么刷新刷新父页面呢?
方案一:
在layer弹出层中调用父界面重新加载函数
window.parent.location.reload(); var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);
方案二:
调用layer插件的end回调方法:
end – 层销毁后触发的回调
类型:Function,默认:null
无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。
父窗口打开layer弹出框时,添加end回调
function openLayer() { parent.layer.open({ type: 2, title: '零五网', shadeClose: false, shade: 0.8, area: ['30%', '45%'], maxmin: true, closeBtn: 1, content: 'http://www.02405.com', end: function () { location.reload(); } });
layer弹出框处理完成之后,就不需要调用其他刷新操作函数了,直接关闭就行了
var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《layer弹窗关闭时刷新父页面的两种方法》
文章链接:https://www.liuzhanwu.com/3051.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
文章名称:《layer弹窗关闭时刷新父页面的两种方法》
文章链接:https://www.liuzhanwu.com/3051.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
相关推荐
456CDN:为网络安全与加速保驾护航,CDN测评推荐
456CDN:高防CDN,200GB DDoS防护,无视CC,1TB流量@50Mbps带宽,500元/月,安全加速,智能守护,稳定安全
#618大促#最后一天|凌霞软件旗下新一代服务器面板 1Panel:永久授权 539元起,10台4900元,即买即赠SSL证书
#618大促#最后一天|凌霞软件旗下强大易用的建站工具 Halo:永久授权 660元起,10台6000元,即买即赠SSL证书
#6.18促销#Themebetter:WordPress主题特惠7折,DUX主题折后559元,不限制域名授权数目
耗子Linux 面板:又一个轻量 Linux 服务器运维管理面板
#11.11#Themebetter:年度大放价,全场6折特惠,DUX主题折后480元,不限制域名授权数目
紧急提醒:DediPath官宣跑路