jquery 遮蔽元素和去除遮蔽

元素点击后或其他事件执行后,需要暂时处于无法点击的状态,此时可以对元素进行遮蔽,

等之后想要重新可以触发事件,对元素去除遮蔽。

遮蔽和去除遮蔽

       /**
	 * 屏蔽元素,行内元素
	 * @param dom:jquery dom,如:$('#abc');
	 * 适用于单个元素,属性为inline-block
	 * 
	 * */
	function maskAddInlineBlock(dom){
		var $dom = dom;
		var hasMask = $dom.parent().find('.js_maskoff_bg');
		if(hasMask.length==0){
			var divHtml = '<div class="js_maskoff_bg" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0.5; filter: alpha(opacity=50);"> </div>'; 
			$dom.wrap('<span style="display:inline-block;position: relative;"></span>'); 
			$dom.parent().append(divHtml); 
		}
	};
	
	/**
	 * 屏蔽元素,块级元素
	 * @param dom:jquery dom,如:$('#abc');
	 * 适用于单个元素,属性为block
	 * 
	 * */
	function maskAddBlock(dom){
		var $dom = dom;
		var hasMask = $dom.parent().find('.js_maskoff_bg');
		if(hasMask.length==0){
			var divHtml = '<div class="js_maskoff_bg" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0);"> </div>'; 
			$dom.wrap('<span style="display:block;position: relative;"></span>'); 
			$dom.parent().append(divHtml); 
		}
	};
	
	/**
	 * 解除屏蔽元素
	 * @param dom:jquery dom,如:$('#abc');
	 * 
	 * */
	function maskRemove(dom){
		var $dom = dom;
		var hasMask = $dom.parent().find('.js_maskoff_bg');
		if(hasMask.length>0){
			hasMask.remove();
			$dom.unwrap();
		}
	};





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值