/**
* 关闭登录框事件
*/
var maskClose = function(){
//隐藏模态框
$('.mask').hide();
//注册框样式回归初始状态
$('.register-modal').removeClass('register-able');
//登陆框样式回归初始状态
$('.login-modal').removeClass('login-left').removeClass('login-able').removeClass('to-right');
$('.psw-back-modal').removeClass('to-middle');
};
// 隐藏按钮 // 点击其他区域 也隐藏
$('.hide-btn,.mask').click(maskClose);
假如你想做的效果是点击弹窗的周边区域或关闭按钮,弹窗都能隐藏,你的js可能会给大背景绑定事件,那么你可能会遇到事件冒泡的问题,因为,当你点击弹窗,事件也会向上冒泡,认为是点了大背景,造成的现象就是点击弹窗本身,弹窗也会隐藏,所以这个时候,需要再给弹窗写一个阻止事件冒泡就OK了。
$('.user-modal').click(function(event){
var e = event||window.event;
e.stopPropagation();
});