点击div外区域隐藏div操作(嵌套iframe页面)

一、正常页面

$(document).click(function(){
        $(dom).hide();//要隐藏的div
 });
 或者去除某一块
 $(document).on('click', function (e) {
		if ($(e.target).closest('#去除id').length == 0) {
			$("#隐藏id").hide();
		}
	});

这个是最基础的原型,如果是有弹窗和遮罩层的,点击遮罩层的部分关闭弹窗和遮罩层:

// 点击弹窗内容以外的地方关闭弹窗
.user-list-classify-mask:遮罩层
.user-list-classify:实际的小弹窗区域
	  $(".user-list-classify-mask").on('click', function (e) {
	    if ($(e.target).closest('.user-list-classify').length == 0) {
	    	 $(".user-list-classify-mask").hide();
	    } 
	  });
	  因为遮罩层是覆盖了整个屏幕的,所以一般就遮罩住了触发的那个元素,所以这个就不用除去触发的元素了

还有一种是没有遮罩层,但是会同步出现很多弹窗的list:

.pops:触发弹窗的元素
.ellipsis-pop:一开始隐藏的定位弹窗
有很多td
css:
.report-operation-pop{
position:relative;
}
.report-operation-pop img{
	width:20px;
	cursor:pointer;
}
.ellip
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值