Kode Sumber Plugin JQuery:
/*** Encapsulate $ .Ajax di jQuery untuk menambahkan fungsi layar kunci*isAsync isAsync adalah permintaan asinkron, default benar*islock adalah apakah layar terkunci, default benar*iscache adalah apakah informasi yang dimuat dari browser cache, default adalah fasle ***/; (function ($) {$) {$. jquery.extend ({iSaSync: true, type: "Post", url: null, dataType: null, data: null, success: null, error: toError, islock: true, iscache: false}, Pengaturan); $ (this) .each (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, success: function (msg) {if (settings.islock) {unlocksrc ();} settings.success (msg);}, kesalahan: settings.error});}); // Metode Layar Kunci Fungsi locksrc () {$ (". LockDiv"). CSS ({"opacity": "0.5"}). Fadein ('Normal'); var scrollwidth = document.documentelement.clientwidth; // document.body.clientwidth; var scrollheight = document.documents; // document.body.clientwidth; var scrollheight = document = document.documument. // document.body.clientHeight; var divwidth = $ (". lockDivInfo"). width (); var divheight = $ (". lockDivinfo"). tinggi (); var divleft = scrollwidth/2-divwidth/2; var divtop = = var divtop = ScrollHeight/2-Divheight/2; // console.log ("bodywidth ="+scrollwidth+", bodyheight ="+scrollheight+", divheight ="+divheight+", divwidth ="+divwidt h+", kiri ="+divleft+", top ="+divtop); $ (". LockDivInfo"). CSS ({"Posisi": "Absolute", "Top": Divtop, "Left": Divleft}). Fadein ('Normal');} // Descreate Fungsi metode layar uncocksrc () {$ (". LockDivInfo"). Fadeout ('Normal'); $ (". LockDiv"). Fadeout ('Normal');} function toerror () {alert ("Operation Gagal!");};}) (jQuery);Gaya Laut Lock:
/*Layar Kunci*/. LockDiv {Lebar: 100%; Tinggi: 100%; Tampilan: Tidak Ada; Z-Index: 10; Latar Belakang: #DFE8F6; Posisi: Absolute; Top: 0px; Kiri: 0px;}. LockDivinfo {Lebar: 50px; Tinggi: 2px; Tampilan: Tidak Ada: Posisi: Posisi: Posisi; 11} #closediv {float: kanan; lebar: 100px; tinggi: 100px; margin-top: 10px; margin-kanan: 10px;}<div> </div> <div> <img id = "closedIv" src = "/hnhd/images/circle_animation.gif"> </mmg> </div>
Cara menggunakan
// query $ ("#querybtn"). Klik (function () {seleccheckbyregionApp.Query ();}); var seleccheckbyregionApp = {}; seleccheckbyregionApp.query = function () {var settion = {type: "post", url: 'selfchecksckscattic , DataType: "Teks", Data: $ ("#SearchForm"). Formserialize (), Success: Function (msg) {$ ("#ContentDiv"). html (msg);}}; $ ("#querybtn"). dopost (settion);}