jQuery blockUI 使用详解

1、使用场景

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

2、基本操作

发送ajax请求之前

$.blockUI();

ajax请求成功，返回时

这里写代码片

$.unblockUI();

示例、

$.ajax(SEO靠我{url: url,type: GET, //GETasync: false, //或false,是否异步data: {},timeout: 5000, //超时时间dataType: json, /SEO靠我/返回的数据格式：beforeSend: function (xhr) { $.blockUI();//请求之前打开},success: function (data, textStatus, jqXSEO靠我HR) {$.unblockUI();//返回关闭},error: function (xhr, textStatus) { },complete: function () {}});}

升级、

自定义样SEO靠我式：$.blockUI({ css: { backgroundColor: #f00; color: #fff } }) $.blockUI({ message: <h1><img sSEO靠我rc="busy.gif" /> loading...</h1> });

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

$.blockUI({message: "数据加载...",baseZ: 3000});