jQuery BlockUI Plugin概述：

jQuery BlockUI插件可以在不锁定浏览器的同时，模拟同步模式下发起Ajax请求的行为。该插件激活时，会阻止用户在页面进行的操作，直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。

使用jQuery BlockUI，首先需要添加插件js源码的引用：

 

用法很简单，阻止用户对页面的交互：

$.blockUI();

 

使用自定义信息阻塞UI：

$.blockUI({ message: '
 Just a moment...
' });

 

使用自定义样式阻塞UI：

$.blockUI({ css: { backgroundColor: '#f00'; color: '#fff' } });

 

解除对页面的遮罩：

$.unblockUI();

 

如果你想要使用缺省设置对所有的ajax请求都使用UI遮罩，只需添加下面的语句即可：

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);

 

 

本文转自：