ซอร์สโค้ดปลั๊กอิน jQuery:
/*** encapsulate $ .ajax ใน jQuery เพื่อเพิ่มฟังก์ชั่นหน้าจอล็อค*isasync isasync เป็นคำขอแบบอะซิงโครนัสค่าเริ่มต้นเป็นจริง*iSlock คือไม่ว่าหน้าจอจะถูกล็อคค่าเริ่มต้นหรือไม่ jQuery.extend ({isasync: จริง, ประเภท: "โพสต์", url: null, ข้อมูล: null, ข้อมูล: null, ความสำเร็จ: null, ข้อผิดพลาด: toerror, islock: true, iscache: false}, การตั้งค่า); $ (นี่) .Each (ฟังก์ชั่น () {if (settings.islock) {locksrc ();} $. ajax ({async: settings.isync, ประเภท: settings.type, url: settings.url, datatype: settings.dat.dat.dat.dat.dat.dat.dat.dat.dat.dat.dat.dat. atype, data: settings.data, cache: settings.iscache, ความสำเร็จ: ฟังก์ชั่น (msg) {ถ้า (settings.islock) {unlocksrc ();} settings.success (msg);}, ข้อผิดพลาด: การตั้งค่า. error});}); // ล็อควิธีการของหน้าจอฟังก์ชั่น locksrc () {$ (". lockdiv"). css ({"opacity": "0.5"}). fadein ('ปกติ'); var scrollwidth = document.documentelement.clientwidth; // document.body.clientheight; var divwidth = $ (". lockdivinfo"). width (); var divheight = $ (". lockdivinfo"). ความสูง (); var divleft = scrollwidth/2-divwidth/2; var divtop = Scrollheight/2-divheight/2; // console.log ("bodywidth ="+scrollwidth+", bodyheight ="+scrollheight+", divheight ="+divheight+", divwidth ="+divwidt h+", left ="+divleft+", top ="+divtop); $ (". lockdivinfo"). css ({"ตำแหน่ง": "สัมบูรณ์", "top": divtop, "left": divleft}). fadein ('ปกติ');} // descreate ฟังก์ชั่นวิธีการหน้าจอปลดล็อค () {$ (". lockdivinfo"). fadeout ('ปกติ'); $ (". lockdiv"). fadeout ('ปกติ');} ฟังก์ชั่น toError () {แจ้งเตือน ("การดำเนินการล้มเหลว!");}};}) (jquery);ล็อคสไตล์หน้าจอ:
/*ล็อคหน้าจอ*/. lockdiv {ความกว้าง: 100%; ความสูง: 100%; แสดง: ไม่มี; z-index: 10; พื้นหลัง-สี: #dfe8f6; ตำแหน่ง: Absolute; Top: 0px; ซ้าย: 0px;}. Lockdivinfo {Width: 50px; ความสูง: 2px; 11} #closediv {float: ขวา; width: 100px; ความสูง: 100px; margin-top: 10px; margin-right: 10px;}<div> </div> <div> <img id = "closediv" src = "/hnhd/images/circle_animation.gif"> </img> </div>
วิธีใช้
// Query $ ("#querybtn") คลิก (ฟังก์ชัน () {seleccheckbyregionapp.query ();}); var seleccheckbyregionapp = {}; seleccheckByEgionApp.query = function () {varettion = {ประเภท: "โพสต์" , ประเภทข้อมูล: "text", data: $ ("#searchform"). formSerialize (), ความสำเร็จ: ฟังก์ชั่น (msg) {$ ("#contentDiv"). html (msg);}}; $ ("#querybtn"). dopost (settion);};};};