Código fuente del complemento jQuery:
/*** Encapsular $ .JAJAX En jQuery para agregar la función de pantalla de bloqueo*ISASYNC ISASYNC es una solicitud asíncrona, predeterminado es verdadero*islock es si la pantalla está bloqueada, el valor predeterminado es verdadero*iscache es si la información está cargada desde el caché del navegador, predeterminado es fasle ***/; (función ($) {$ .fn.dopos = function (settings) {settings) jQuery.extend ({ISASYNC: True, Type: "Post", URL: Null, DataType: Null, Data: Null, Success: Null, Error: Toerror, Islock: True, IsCache: False},, configuración); $ (this) .each (function () {if (settings.islock) {listsrc ();} $. Ajax ({async: settings.isasync, type: settings.type, url: settings.url, settings.dat.dat.dat.dat atype, data: settings.data, cache: settings.iscache, éxito: function (msg) {if (settings.islock) {desbloqueo // Función de método de pantalla de bloqueo LockSrc () {$ (". // document.body.clientheight; var divwidth = $ (". LockDivinfo"). Width (); var divheight = $ (". LockDivinfo"). Height (); var Divleft = scrollwidth/2-divwidth/2; var divtop = scrollheight/2-divheight/2; // console.log ("bodywidth ="+scrollwidth+", bodyHeight ="+scrollheight+", divheight ="+divheight+", divwidth ="+dividt H+", izquierda ="+Divleft+", top ="+DivTop); $ (". LockDivinfo"). CSS ({"Posición": "Absolte", "Top": DivTop, "Left": Divleft}). Fadein ('Normal');} // Descreatee la función de método de pantalla desbloquekSrc () {$ (". LockDivinfo"). FadeOut ('Normal'); $ (". LockDiv"). FadeOut ('Normal');} Function toErRor () {alerta ("Operación fallida!");};}) (jQuery);Estilo de pantalla de bloqueo:
/*Pantalla de bloqueo*/. LockDiv {ancho: 100%; altura: 100%; pantalla: Ninguno; Z-Index: 10; Color de fondo: #dfe8f6; posición: absoluto; superior: 0px; 0px;}. LockDivInfo {ancho: 50px; altura: 2px; visualización: Ninguna; Position: Absolte; Left: 0px; top: top: top: top: top: top: width 11} #closediv {float: right; ancho: 100px; altura: 100px; margin-top: 10px; margin-right: 10px;}<div> </div> <div> <img id = "cerrado" src = "/hnhd/images/circle_animation.gif"> </img> </div>
Cómo usar
// QUERY $ ("#queryBtn"). Click (function () {seleccheckbyregionApp.query ();}); var seleccheckbyregionApp = {}; seleccheckbyregionApp.Query = function () {var settion = {type: "post", url: 'autocheckstatistication! Findbyregion' , DataType: "Text", Data: $ ("#SearchForm"). FormSerialize (), Success: function (msg) {$ ("#ContentDiv"). Html (msg);}}; $ ("#queryBtn"). dopost (settion);}