JQuery Plugin -Quellcode:
/*** Capsulate $ .ajax in jQuery Hinzufügen von Sperrbildschirmfunktion*isaSasync isaSasync ist eine asynchronische Anforderung. Standard ist true*Islock ist, ob der Bildschirm gesperrt ist. Standard ist wahr*iscache ist, ob die Informationen aus dem Browser -Cache geladen sind, Default is fasle ***/; (Funktion ($) ($) {$. JQuery.extend ({isaSync: true, Typ: "post", url: null, dataType: null, data: null, Erfolg: null, error: toerror, islock: true, iscache: false}, Einstellungen); $ (this) .each (function () {if (setts.isllock) {locksrc ();} $. Ajax ({async: settings.isasync, type: setts.type, url: setting.Url, Datentyp: Setting.dat Atype, Daten: Settings.data, Cache: Settings.iscache, Erfolg: Funktion (msg) {if (setts.islock) {unlockSrc ();} Einstellungen.Success (msg);}, error: settingS.error});}); // Sperrenbildschirmmethode Funktion sperrenrc () {$ (". LockDiv"). CSS ({"Opazität": "0,5"}). // document.body.clientHeight; var divwidth = $ (". lockdivinfo"). width (); var divheight = $ (". lockdivinfo"). Höhe (); var divleft = scrollwidth/2-divwidth/2; var divtop = scrollHeight/2-divHeight/2; // console.log ("bodywidth ="+scrollwidth+", bodyheight ="+scrollHeight+", divheight ="+divheight+", divwidth ="+divwidt H+", links ="+divleft+", top ="+divtop); $ (". lockdivinfo") Die Screen -Methode -Funktion UnlockSrc () {$ (". LockDivinFo"). Fadeout ('Normal'); $ (". LockDiv").Sperrbildschirmstil:
/*Sperrbildschirm*/. Lockdiv {Breite: 100%; Höhe: 100%; Anzeige: Keine; Z-Index: 10; Hintergrundfarbe: #dfe8f6; Position: absolut; top: 0px; 11} #CLOSEDIV {Float: Right; Breite: 100px; Höhe: 100px; Margin-Top: 10px; Margin-Right: 10px;}<div> </div> <div> <img id = "closeiv" src = "/hnhd/bilder/circle_animation.gif"> </img> </div>
Wie man benutzt
// Abfrage $ ("#queryBtn"). Click (function () {selecCheckbyregionApp.query ();}); var seleccheckByregionApp = {}; , Datentyp: "Text", Daten: $ ("#searchForm"). Formserialize (), Erfolg: Funktion (msg) {$ ("#contentDiv"). Html (msg);}}; $ ("#queryBtn").