исходный код плагина jQuery:
/*** Инкапсулируйте $ .ajax в jQuery, чтобы добавить функцию экрана блокировки*Isasync Isasync - это асинхронный запрос, по умолчанию это true*Islock - это то, является ли экран заблокирован, по умолчанию - это истинно*ISCache, если информация загружена из кэша браузера, по умолчанию fasle ***/; ($) {$. jquery.extend ({isasync: true, type: «post», url: null, datatype: null, данные: null, успех: null, ошибка: toerror, islock: true, iscache: false}, Настройки); $ (this) atype, data: stens.data, cache: sutres.iscache, success: function (msg) {if (stens.islock) {unlocksrc ();} suctss.success (msg);}, ошибка: настройки.error});}); // блокировка метода экрана функция locksrc () {$ (".. Lockdiv"). CSS ({"непрозрачность": "0.5"}). FADEIN ('Нормальный'); var scrollwidth = var scrollHeight = documentLement. // document.body.clientHeight; var divwidth = $ (". Lockdivinfo"). width (); var divheight = $ (". scrollheight/2-divheight/2; // console.log ("bodywidth ="+scrollwidth+", bodyheight ="+scrollheight+", divheight ="+divheight+", divwidth ="+divwidt H+", Left ="+divleft+", top ="+divtop); $ (" Функция метода экрана разблокирует () {$ (". LockDivinfo"). FADEOUT ('normal'); $ (". LockDiv"). FADEOUT ('Нормальный');} Функция toerror () {alert ("Операция не удалась!");}};}) (jQuery);Стиль блокировки экрана:
/*Экран блокировки*/. Lockdiv {ширина: 100%; высота: 100%; отображение: нет; z-index: 10; фоновый цвет: #dfe8f6; положение: абсолют; вверху: 0px; слева: 0px;}. Lockdivinfo {width: 50px; высота: 2px; display: none; position; 11} #CloseV {float: right; ширина: 100px; высота: 100px; щетка: 10px; правая маржи: 10px;}<div> </div> <div> <img id = "blostiv" src = "/hnhd/image/circle_animation.gif"> </img> </div>
Как использовать
// Query $ ("#QueryBtn"). Click (function () {selecCheckbyRegionApp.query ();}); var selecCheckbyRegionApp = {}; selecCheckbyRegionApp.query = function () {var settion = {type: "post", url: 'SelfCheckStatitiaStistication! , datatype: «text», data: $ ("#search form"). formerialize (), success: function (msg) {$ ("#contentDiv"). html (msg);}}; $ ("#Querybtn"). Dopost (settion);};}; $ ("#QueryBtn").