关于jQuery blockUI的使用详解

1、使用场景

发送ajax请求时，禁止用户对的操作行为。

2、基本操作

发送ajax请求之前

$.blockui();

ajax请求成功，返回时

这里写代码片

$.unblockui();

示例、

$.ajax({

   url: url,

        type: 'get', //get

         async: false, //或false,是否异步

         data: {

         },

         timeout: 5000, //超时时间

         datatype: 'json', //返回的数据格式：

         beforesend: function (xhr) { 

             $.blockui();//请求之前打开

         },

         success: function (data, textstatus, jqxhr) {

             $.unblockui();//返回关闭

         },

         error: function (xhr, textstatus) { },

         complete: function () {

          }

     });

 }

升级、 

自定义样式：

$.blockui({ css: { backgroundcolor: '#f00'; color: '#fff' } })

$.blockui({ message: '<h1><img src="busy.gif" /> loading...</h1>' });

basez:添加定义层，越大在上层

$.blockui({

        message: "数据加载...",

        basez: 3000

      });