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.codesou.cn',
end: function () {
location.reload();
}
});
layer弹出框处理完成之后,就不需要调用其他刷新操作函数了,直接关闭就行了
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
想要了解更多内容,请持续关注码农资源网,一起探索发现编程世界的无限可能!
本站部分资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。
如有侵权请发送邮件至1943759704@qq.com删除
码农资源网 » layer弹窗关闭时刷新父页面的两种方法
本站部分资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。
如有侵权请发送邮件至1943759704@qq.com删除
码农资源网 » layer弹窗关闭时刷新父页面的两种方法