เนื่องจากมีหลายสถานที่ในโครงการถูกส่งไปยัง Ajax การเพิ่มเอฟเฟกต์ของการรอแอนิเมชั่นดังนั้นฉันจึงเขียนวิธี JS แบบธรรมดาทั่วไป
รหัสมีดังนี้:
คัดลอกรหัสรหัสดังนี้:
/*Ajax ส่งผลการรอหน่วงเวลารอ*/
var ajaxLoding = new Object ();
// wraperid: องค์ประกอบคอนเทนเนอร์ที่แสดงภาพ Loding
// MS: ความยาวของไอคอน Loding จะปรากฏขึ้นมิลลิวินาทีมิลลิวินาที
// envent: แหล่งที่มาของเหตุการณ์เหตุการณ์ของเหตุการณ์ใช้เพื่อรับวัตถุของเหตุการณ์ออกเดินทาง
// การโทรกลับ: หมายถึงวิธีการกู้คืนที่ดำเนินการหลังจากภาพเคลื่อนไหวสิ้นสุดลง
// stop () วิธีการระบุการทำงานของภาพเคลื่อนไหวที่ซ่อนอยู่หลังจากวิธีการกู้คืนได้สำเร็จ
ajaxloding.load = function (lodingid, ms, เหตุการณ์, ซ้าย, ด้านบน, โทรกลับ) {
if (! ซ้าย || typeof left == undefined)
ซ้าย = 0;
if (! top || typeof top == undefined)
ด้านบน = 0;
this.lodingid = lodingid; // แสดงองค์ประกอบหลักของไอคอน Loding
this.obj = $ ("#" + this.lodingid);
this.sourceEvenGenElement = $ (event.currentTarget);
this.start = function () {
this.obj.css ({positin: "ญาติ"});
this.sourceeveentelement.attr ("ปิดใช้งาน", จริง);
// แสดงไอคอนไอคอนและ LodingID ตามค่าเริ่มต้นและตั้งค่าสไตล์ต่อไปนี้
var imgoBj = $ ("<img src = '/images/loaderc.gif' style = 'ตำแหน่ง: Absolute; Width: 32px; ความสูง: 32px;' id = 'img_loding'" ");
imgobj.css ({ซ้าย: this.obj.width () / 2- imgobj.width () / 3-heft, ด้านบน: this.obj.height () / 2-imgobj.heigh () / 2-top}) ;;
imgobj.appendto (this.obj);
this.obj.animate ({ความสูง: this.obj.height ()}, ms, function () {
การโทรกลับ ();
-
-
this.stop = function () {
$ ("#IMG_Loding")
this.sourceeveentelement.attr ("ปิดใช้งาน", false);
-
-
วิธีการโทร:
คัดลอกรหัสรหัสดังนี้:
$ ("#ElementId")
var obj = ใหม่ ajaxloding.load ("div_test", 2000, e, 0,0, function () {
// Alert ("การส่งที่ประสบความสำเร็จ!");
obj.stop ();
-
obj.start ();
-
ไอคอน Loding ที่ฉันใช้คุณสามารถแทนที่ด้วยตัวเอง
การใช้งานนั้นง่ายมากและไม่มีการพิจารณามาตรฐานหรืออะไรบางอย่าง