美文网首页
jquery 点击空白处弹窗消失

jquery 点击空白处弹窗消失

作者: 拾钱运 | 来源:发表于2020-08-17 11:11 被阅读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()
      }
    });
    

    相关文章

      网友评论

          本文标题:jquery 点击空白处弹窗消失

          本文链接:https://www.haomeiwen.com/subject/kxofjktx.html