如何使用jquery BlockUI

Posted 0101无限的空间

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用jquery BlockUI相关的知识,希望对你有一定的参考价值。

使用 Jquery BlockUI

1    ajax   
 
(1)发送ajax请求时执行一个函数$.blockUI ,响应送达后执行一个函数$.unblockUI
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI)
 
(2)可以改变样式而且注意改变的时候$.blockUI包含在function(){}里面
 $(document).ajaxStart(function(){$.blockUI({
           message:$(‘#loading‘),
           css:{
           top: ($(window).height()-400)/2+‘px‘,
           left:($(window).width()-400)/2+‘px‘,
           width:‘400px‘,
           border:‘none‘
           },
           overlayCSS:{
           backgroundColor:‘#000‘
           }
    })}).ajaxStop($.unblockUI);
   具体代码参考上面

以上是关于如何使用jquery BlockUI的主要内容,如果未能解决你的问题,请参考以下文章

使用 jquery.BlockUI 插件禁用整个 jqGrid(jQuery Grid 插件)

jQuery遮罩插件 jquery.blockUI.js

jQuery遮罩插件jQuery.blockUI.js简介

Jquery blockUI用法

Jquery中ajax加载提示插件blickUI

DirtyForms 不能与 $.blockUI 一起正常工作