关于模态框点击空白处关闭的解决方法

一般做模态框的时候会要求，点击除了内容的空白处关闭模态框，试了好几种方法，发现不能完全实现此种效果，原来是因为出现了点击触发的冒泡事件：

　　　　$('#modal').click(function(){
            $('#modal').hide();
        });
        $('.content').click(function(e){
            e.stopPropagation();    //阻止事件向上冒泡，不让其执行父级#modal的事件 
　　　　　});

当模态框显示的时候一般不允许body部分网页的滚动，要实现效果，需要在莫泰框显示的时候加上：$("body,html").css({"overflow":"hidden","height":"100%"});

然后在模态框隐藏的时候还原：$("body,html").css({"overflow":"visible"});