弹出层

$(function() { 
    $('#form-btn').hwLayer({ 
        width: 480, 
        tapLayer: false, 
        afterClose: function() { 
            console.log('close'); 
        } 
    }); 
    $(".hwLayer-ok").on('click', function(event) { 
        event.preventDefault(); 
        var user = $('#user').val(); 
        var pass = $('#password').val(); 
        if (user == '') { 
            $('#msg').addClass('text-danger').text('用户名不能为空！'); 
            return false; 
        } 
        if (pass == '') { 
            $('#msg').addClass('text-danger').text('密码不能为空！'); 
            return false; 
        } 
        $.ajax({ 
            url: 'login.php', 
            type: 'POST', 
            dataType: 'json', 
            data: {username: user, password: pass}, 
            beforeSend: function() { 
                $('#msg').addClass('text-success').text('正在登录...'); 
                $(".hwLayer-ok").attr('disabled', true); 
            }, 
            success: function(res) { 
                if (res.code == 1) { //登录成功 
                    $('#result').html('欢迎您，' + user + '，登录时间：' + res.logintime); 
                    $('#msg').removeClass('text-danger').addClass('text-success').text('登录成功！'); 
                    $('#hw-layer-login').hwLayer('close'); 
                } else { 
                    $('#msg').addClass('text-danger').text('用户名或密码错误！'); 
                } 
                $(".hwLayer-ok").removeAttr('disabled'); 
            } 
        }); 
    }); 
    //escape关闭弹出层 
    $('.hw-overlay').on('click', function(event) { 
        if (event.target == this) { 
            $('#hw-layer-login').hwLayer('close'); 
        } 
    }); 
});