jQuery点击网页任意空白区域隐藏div

JS代码:

$('.phone_cell').on('click',function(event){
    //取消事件冒泡  
    event.stopPropagation();
    $('.ulfix').slideToggle();
});
//点击空白处隐藏弹出层,下面为消失效果。
$(window).click(function(){
    if ($('.ulfix').css('display')!='none') {
        $('.ulfix').slideToggle();
    }    
});

需要注意的是如果单层里面本身还有点击事件,如果点击自身也会出现消失的情况 ,解决办法给点击事件增加

$('.ulfix .el').click(function(event){
        //取消事件冒泡  
         event.stopPropagation();
  });

 


 

你可能感兴趣的:(前端)