layui二次弹窗并关闭原有弹窗问题

layui二次弹窗并关闭原有弹窗问题

项目中有二次打开弹出窗口并关闭原有弹窗的需求，一开始直接在弹出层的页面里写了layui.close关闭现有弹窗和打开新layer的方法，这样做的问题在于你打开新窗口的方法写在了原有弹出层，新窗口与原窗口绑定，当你关闭原窗口时，新窗口会一并关闭。

我查找了不少资料，试了不少方法，一直不尽如人意，所有自己研究了一下，解决方案如下，希望能帮到你。

所有换个思路，在主页面定义一个函数，当需要在原窗口二次弹窗并关闭原有弹窗时，在原窗口layui.close并调用该方法。
主页面函数如下：

//排产信息页
function toSchedulingInfo(id) {
	layui.$.layer.open('订单查看', '${ctxPath}/m/busi/confirm/schedulingInfo.do?id='+id, '1250px', '520px');
}

//入库信息页
function IncomingInfo(id) {
	layui.$.layer.open('订单查看', '${ctxPath}/m/busi/confirm/IncomingInfo.do?id='+id, '1250px', '520px');
}

//发运信息页
function forwardingInfo(id) {
	layui.$.layer.open('订单查看', '${ctxPath}/m/busi/confirm/forwardingInfo.do?id='+id, '1250px', '520px');
}

//订单信息页
function toSee(id)
{
	layui.$.layer.open('订单查看', '${ctxPath}/m/busi/confirm/toView.do?id='+id, '1250px', '520px');
}

layui.$.layer.open是一个公用函数：

/**
 * 定义layer弹框<br>
 * open： 弹出框(title：标题；  url: 请求url；  width：宽；  height：高)
 */
$.layer =
{
	open: function (title, url, width, height)
	{
		layer.open({
			type: 2,
			title: title || '弹出框',
			skin: 'layui-layer-rim', //加上边框
			area: [width, height], //宽高
			scrollbar: false,	// 锁定父窗口滚动条
			content: url
		});
	}
};

弹出层函数如下：

element.on('tab(tabFilter)', function(data){
			if(data.index==1){
				layer_close();
				window.parent.toSchedulingInfo(${id});
			}
			if(data.index==2){
				layer_close();
				window.parent.IncomingInfo(${id});
			}
			if(data.index==3){
				layer_close();
				window.parent.forwardingInfo(${id});
			}
		});

layer_close()也是一个公用函数：

/*关闭弹出框口*/
function layer_close(){
	var index = parent.layer.getFrameIndex(window.name);
	parent.layer.close(index);
}

这样就能很好的解决该问题了。