利用遮罩层禁止用户操作

利用遮罩层禁止用户操作

;(function($) {
    $.fn.extend({
        "shieldEl":function(isShield) {
            if (isShield && !!$(this.selector).data("shield") == false) {
                var hoverdiv = '<div class="divShield" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0);z-index:5;"></div>';
                $(this.selector).wrap('<div style="position:relative;"></div>');
                $(this.selector).before(hoverdiv);
                $(this.selector).data("shield", true);
            } else if (!isShield && $(this.selector).data("shield") == true) {
                $(this.selector).parent().find(".divShield").remove();
                $(this.selector).unwrap();
                $(this.selector).data("shield", false);
            }
        }
    });
})(jQuery);

调用方法

$('元素').shieldEl(true);//屏蔽元素
$('元素').shieldEl(false);//取消元素屏蔽

 

参考链接