一、正常页面
$(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