layui 弹框 关闭刷新 window 双层父子弹窗交互

弹层之美

在线调试 扩展皮肤
layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。

在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer（已被6174983人次关注）。layer 甚至兼容了包括 IE6 在内的所有主流浏览器。她数量可观的接口，使得您可以自定义太多您需要的风格，每一种弹层模式各具特色，广受欢迎。当然，这种“王婆卖瓜”的陈述听起来总是有点难受，因此你需要进一步了解她是否真的如你所愿。

直到今天 我才了解了它 看懂了弹层之美 开玩笑 哈哈哈， 说实话官方文档 太坑人 入门级的代码实例少之又少！社区更是垃圾 一群键盘侠 只提供所谓的 思路 ！

直入正题

<!-- layui切换弹框 -->
    <div class="topFooter">
        <a onclick="goregisterzc()" class="fl">免费注册</a>
        <a onclick="gopasswordzc()" class="fr">忘记密码？</a>
    </div>

我使用的是 iframe窗 链接到一个HTML页面 上面是登陆页面（弹层）footer 里的一段经典代码

// ajax 成功回调以后 关闭当前的弹框 刷新页面

    function(data, textStatus) {

        if (data.code == 3) {
            layer.tips('<p style="font-size:18px;">答案输入有误！</p>', '#code_math',{ tips: [3, '#fd5004']});
            return false;
        }

        layer.tips('<p style="font-size:18px;">'+data.msg+'</p>', '#code_math',{ tips: [3, '#fd5004']});
        if(data.code==1){
            closecurrent();
        }
    }

    //举例以上代码没有实际操作 仅供参考

    function closecurrent(){
        setTimeout(function(){
            var index=parent.layer.getFrameIndex(window.name);
            parent.window.location.reload();
            parent.layer.close(index);
        }, 1000);
    }
    
// layui切换弹框切换到注册页弹窗


    function goregisterzc() {

        var index=parent.layer.getFrameIndex(window.name);
        parent.window.layer.open({
            type: 2,
            title: '资产机构注册',
            shadeClose: true, //点击遮罩关闭层
            area : ['630px' , '460px'],
            content: '{{ URL("alertregisterzc") }}'
        });;
        parent.layer.close(index);
    }

    // 关闭当前 跳转到父级窗口资产机构用户找回密码页面
    function gopasswordzc() {

        var index=parent.layer.getFrameIndex(window.name);
        parent.window.location.href="{{ url('cbpwdzc') }}";
        parent.layer.close(index);
    }

关键所在

var index=parent.layer.getFrameIndex(window.name);

 parent.layer.close(index);

到这就全部结束了，上面两句话是 化解父子级操作的良方。