ACCESS DENIED
小Z小Z  2019-08-26 08:24 主机之家测评 隐藏边栏 |   抢沙发  113 
文章评分 0 次,平均分 0.0

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);
声明:1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。
小Z
小Z 关注:0    粉丝:0
【声明】:本站宗旨是为方便站长、科研及外贸人员,请勿用于其它非法用途!站内所有内容及资源,均来自网络。本站自身不提供任何资源的储存及下载,若无意侵犯到您的权利,请及时与我们联系。

发表评论

扫一扫二维码分享