不错的block页面遮罩

1:引入js包
<script type="text/javascript" src="${ctx}/static/js/jquery.blockUI.js"></script>

2:点击时,调用此方法,加载遮罩
function mask(){
    // 用户等待画面,使用 Jquery BlockUI实现 
    $('body').block( { 
        message : '<h1>正在上传,请稍候……</h1>', 
        css : { 
            border : '3px solid khaki' 
        } 
    }); 
    }


3:解除遮罩
$.unblockUI();




ajax中解除遮罩的方法可以如下写:



$.ajax({
type : 'get',
url : '/config/loadConfig.do',
data : {supplierId : supplierId},
dataType : 'json',
complete : function() { 
            // 数据加载完毕,取消等待画面的遮罩效果 

            $.unblockUI();
    
    }, 

你可能感兴趣的:(block)