jquery easyui 遮罩层mask的使用

新建一个mask.js文件，存放以下代码： 

//作用：弹出遮罩，提示加载中
var MaskUtil = (function(){
    var $mask,$maskMsg;
      
    var defMsg = '正在处理，请稍待。。。';  
      
    function init(){  
        if(!$mask){  
            $mask = $("<div class=\"datagrid-mask mymask\"></div>").appendTo("body").css("z-index","99998");
        }  
        if(!$maskMsg){  
            $maskMsg = $("<div class=\"datagrid-mask-msg mymask\">"+defMsg+"</div>")  
                .appendTo("body").css({'font-size':'12px','z-index':'99998'});
        }  
          
        $mask.css({width:"100%",height:$(document).height()});  
          
        var scrollTop = $(document.body).scrollTop();  
          
        $maskMsg.css({  
            left:( $(document.body).outerWidth(true) - 190 ) / 2  
            ,top:( ($(window).height() - 45) / 2 ) + scrollTop  
        });   
                  
    }  
      
    return {  
        mask:function(msg){  
            init();  
            $mask.show();  
            $maskMsg.html(msg||defMsg).show();  
        }  
        ,unmask:function(){  
        	//隐藏遮罩层之前，先判断是否存在遮罩层
        	if(undefined!=$mask){
                $mask.hide();  
                $maskMsg.hide();  
        	}
        }  
    }  
      
}());  

<!--引入mask.js文件-->
<script src="common/js/mask.js"></script>

遮罩层的使用： 

    MaskUtil.mask("数据加载中...");//请求后台前显示遮罩
    $.post(
        basePath + "demo/test.do",
        function (result) {
            MaskUtil.unmask();//后台请求完后移除遮罩
        });

效果图：