使用layer实现登录弹框，登录成功以后关闭弹框并调用父窗口方法

layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/

可以从官网上下载最新版本.

使用layer实现登录弹框，登录成功以后关闭弹框，并调用父窗口方法。

1.界面如下：

2.login.html的界面主要代码:

  

        

            手机号码：
            

                
            
            *
        
        

            密 码：
            

                
            
            *
        
        

            验证码：
            

                
            
            
            *
        

3.点击登录按钮，登录成功以后，调用父窗口的方法，并关闭弹窗，其js代码如下（这段代码是嵌入在login.html中）：

3.父窗口的layer弹框代码（layer.js的引入省略），一般是点击登录按钮，跳出登录弹框：

                     $(function(){
                        $('#u_login').on('click', function(){
                            layer.open({
                                type: 2,
                                title: '用户登录',
                                maxmin: true,
                                skin: 'layui-layer-lan',
                                shadeClose: true, //点击遮罩关闭层
                                area : ['400px' , '280px'],
                                content:'login.html'//弹框显示的url
                            });
                        });

以上只是主要代码，必须先引入JQuery与layer.js，仅供参考。