使用layer插件在关闭当前窗口后进行页面刷新

layer插件中有一个end方法,作用是窗口关闭后进行的事件处理,我们可以用这个功能,在当前弹窗关闭后就进行页面刷新。

该功能主要用于如查看邮件时的状态改变,发布信息后的信息改变等方面,很实用。

以下为只弹出窗口关闭时不刷新的代码

layer.open({
					  type: 2,
					  title: title,
					  shadeClose: true,
					  shade: 0.4,
					  area: ['780px', '60%'],
					  content: '__CONTROLLER__/showSend/id/' + id
					}); 

只要在下面加上下面的跳转代码即可实现,作用是跳转到当前页。

end:function(){
					  	window.location.href = location.href;
					  }

完整的变成

layer.open({
					  type: 2,
					  title: title,
					  shadeClose: true,
					  shade: 0.4,
					  area: ['780px', '60%'],
					  content: '__CONTROLLER__/showSend/id/' + id, //iframe的url
					  end:function(){
					  	window.location.href = location.href;
					  }
					}); 

我们为功能加上判断是否已阅读,阅读过的则不刷新

增加一个data-ir,用于jQuery获取
<a href="javascript:;" class="show" data-ir="{$vol.isread}">查看</a>
在JS中获取并判断
$('.show').on('click',function(){
					var id = $(this).attr('data');
					var title = $(this).attr('data-title');
					var isread = $(this).attr('data-ir');
					
					layer.open({
					  type: 2,
					  title: title,
					  shadeClose: true,
					  shade: 0.4,
					  area: ['780px', '60%'],
					  content: '__CONTROLLER__/showSend/id/' + id, //iframe的url
					  end:function(){
					  	if(isread == 0)
					  	{
					  		window.location.href = location.href;
					  	}					  	
					  }
					}); 
				});

评论

大侠名号:   验证码: 点击我更换图片  

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND