点击对话框外面的所有地方,对话框自动关闭

 1   $(document).ready(function(){
 2             $("#rightNav").click(function(){
 3                 $("#rightNav ul").toggle();
 4             })
 5 
 6             $("html").click(function(e){
 7                 console.info( $(e.target).attr("class"));
 8                if( $(e.target).attr("class") !='miss'){
 9                    $("#rightNav ul").hide();
10                }
11             });
12         });
 <div id="rightNav">
           <img src="avatar.jpg" class="miss">
           <div id="username" class="miss"><a href="#" class="miss">admin</a></div>
            <ul class="clear">
                <li><a href="#">个人资料</a> </li>
                <li><a href="">通知公告</a> </li>
                <li><a href="">修改密码</a> </li>
            </ul>
        </div>

  

原文地址:https://www.cnblogs.com/hxl2009/p/3501790.html