前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

layer弹窗关闭时刷新父页面的两种方法

2018-01-03 15:15:05 来源:原创 作者:池子

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);
本文关键词:layer 弹窗 关闭 刷新 父页面

相关文章

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1