核心提示:遮蔽元素和去除遮蔽元素点击后或其他事件执行后,需要暂时处于无法点击的状态,此时可以对元素进行遮蔽,等之后想要重新可以触发事件,对元素去除遮蔽。遮蔽和去除遮蔽/*** 屏蔽元素,行内元素* @param...
遮蔽元素和去除遮蔽
元素点击后或其他事件执行后,需要暂时处于无法点击的状态,此时可以对元素进行遮蔽,等之后想要重新可以触发事件,对元素去除遮蔽。遮蔽和去除遮蔽
/** * 屏蔽元素,行内元素 * @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 pHtml = '<p class="js_maskoff_bg" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0.5; filter: alpha(opacity=50);"> </p>'; $dom.wrap('<span style="display:inline-block;position: relative;"></span>'); $dom.parent().append(pHtml); } }; /** * 屏蔽元素,块级元素 * @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 pHtml = '<p class="js_maskoff_bg" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0);"> </p>'; $dom.wrap('<span style="display:block;position: relative;"></span>'); $dom.parent().append(pHtml); } }; /** * 解除屏蔽元素 * @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(); } };