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);
声明:本文为原创文章,版权归主机之家测评所有,欢迎分享本文,转载请保留出处!