JQuery Plugin Código fonte:
/*** Encapsula $ .AJAX no jQuery para adicionar a função da tela de bloqueio*isasSync IsaSync é uma solicitação assíncrona, o padrão é verdadeiro*Islock é se a tela está bloqueada, o padrão é verdadeiro*ISCACHE é se a informação é carregada do Browser Cache, o padrão é fasle ***/; (função ($) {$. $. jQuery.extend ({isasync: true, tipo: "post", url: null, datatype: null, dados: nulo, sucesso: nulo, erro: Toerror, islock: true, iscache: false}, Settings); $ (this) .EECH (function () {if (Settings.islock) {Locksrc ();} $. Ajax ({Async: Settings.isasync, Type: Settings.type, URL: Settings.url, Datatype: Settings.dat ATYPE, DATA: Settings.data, cache: Settings.iscache, sucesso: function (msg) {if (Settings.islock) {desblocksrc ();} Settings.success (msg);}, erro: Settings.error});}); // Função do método da tela de bloqueio Locksrc () {$ (". LockDiv"). CSS ({"opacidade": "0.5"}). Fadein ('normal'); var scrollwidth = document.documentElement.clientWidth; // document.clientWidth; // document.body.clientHeight; var divWidth = $ (". LockDivinfo"). Width (); var divHeight = $ (". LockDivinfo"). Height (); var divleft = scrollwidth/2-divwidth/2; var divtop = scrolHeight/2-DivHeight/2; // console.log ("Bodywidth ="+scrollwidth+", bodyheight ="+scrolHeight+", divHeight ="+DivHeight+", divwidth ="+divWidt h+", esquerda ="+divleft+", top ="+divtop); $ (". LockDivinfo"). CSS ({"Position": "Absolute", "Top": Divtop, "Esquerda": Divleft}). Fadein ('Normal');} // Descrear a função do método da tela desbloqueioSrc () {$ (". LockDivinfo"). Fadeout ('Normal'); $ (". Lockdiv"). Fadeout ('Normal');} função Toerror () {alert ("Operação falhou!");}};}) (jQuery);Lock Screen Style:
/*Tela de bloqueio*/. LOCKDIV {largura: 100%; altura: 100%; display: nenhum; z-index: 10; cor de fundo: #dfe8f6; posição: absoluto; topo: 0px; esquerda: 0px;}. {float: direita; largura: 100px; altura: 100px; margem-top: 10px; margem-direita: 10px;}<div> </div> <div> <img id = "fechado" src = "/hnhd/imagens/círculo_animation.gif"> </img> </div>
Como usar
// Query $ ("#Querybtn"). Clique (function () {seleCcheckByGionApp.Query ();}); var seleCcheckByGionApp = {}; seleCcheckbyGionApp.Query = functistion () {var settion = {Type: "Post", Url: 'SelfCechtists! .