jquery 点击空白处弹窗消失

2020-08-17  本文已影响0人  拾钱运
// 点击空白弹窗消失
$(document).click(function(e){
  var target=$(e.target)
  if(target.closest($('.more_info_type .name')).length==0){ //点击的元素
    $('.moreInfo_type').hide() //需要点击空白处消失的弹窗
    $('.model').hide()
  }
})

//方法二:

$(document).click(function (event) {
  var _con = $('.more_info'); // 设置目标区域 //点击哪个范围内都不需要消失
  if (!_con.is(event.target) && _con.has(event.target).length === 0) { // Mark 1
      //$('#divTop').slideUp('slow');  //滑动消失
      $('.moreInfo_type').hide(); //淡出消失
      // $('.header_time').hide()
  }
});
上一篇下一篇

猜你喜欢

热点阅读