弹层之美
在线调试 扩展皮肤
layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer（已被6174983人次关注）。layer 甚至兼容了包括 IE6 在内的所有主流浏览器。她数量可观的接口，使得您可以自定义太多您需要的风格，每一种弹层模式各具特色，广受欢迎。当然，这种“王婆卖瓜”的陈述听起来总是有点难受，因此你需要进一步了解她是否真的如你所愿。
直到今天 我才了解了它 看懂了弹层之美 开玩笑 哈哈哈， 说实话官方文档 太坑人 入门级的代码实例少之又少！社区更是垃圾 一群键盘侠 只提供所谓的 思路 ！
直入正题
我使用的是 iframe窗 链接到一个HTML页面 上面是登陆页面（弹层）footer 里的一段经典代码
// ajax 成功回调以后 关闭当前的弹框 刷新页面 function(data, textStatus) { if (data.code == 3) { layer.tips('答案输入有误！
', '#code_math',{ tips: [3, '#fd5004']}); return false; } layer.tips(''+data.msg+'
', '#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);
到这就全部结束了，上面两句话是 化解父子级操作的良方。