نظرًا لأن العديد من الأماكن في المشروع يتم تقديمها إلى Ajax ، مضيفًا تأثير انتظار الرسوم المتحركة ، لذلك كتبت طريقة JS عامة بسيطة ؛
الرمز كما يلي:
نسخ رمز رمز على النحو التالي:
/*قدمت Ajax تأثير انتظار التأخير*/
var ajaxloding = new Object () ؛
// wraperid: عنصر الحاوية الذي يعرض صورة الإقامة
// MS: يتم عرض طول أيقونة الإقامة ، مللي ثانية
// Envent: يتم استخدام مصدر حدث الحدث للحصول على كائن حدث المغادرة
// رد الاتصال: يمثل طريقة الاسترداد التي تم تنفيذها بعد انتهاء الرسوم المتحركة
// تشير طريقة STOP () إلى تشغيل الرسوم المتحركة المخفية التي تعمل بعد تنفيذ طريقة الاسترداد بنجاح
ajaxloding.load = function (lodingid ، ms ، event ، left ، top ، callback) {
إذا (! اليسار || typeof left == undefined)
اليسار = 0 ؛
if (! TOP || typeof top == undefined)
أعلى = 0 ؛
this.lodingid = lodingid ؛
this.obj = $ ("#" + this.lodingid) ؛
this.sourceevenelement = $ (event.currentTarget) ؛
this.start = function () {
this.obj.css ({positin: "النسبية"}) ؛
this.sourceeveentElement.attr ("معطل" ، صحيح) ؛
// عرض أيقونة أيقونة و lodingid بشكل افتراضي ، وقم بتعيين النمط التالي
var imgobj = $ ("<img src = '/images/loaderc.gif' style = 'الموضع: المطلق ؛ العرض: 32px ؛ الارتفاع: 32px ؛' id = 'img_loding'" ") ؛
imgobj.css ({يسار: this.obj.width () / 2- imgobj.width () / 3-heft ، top: this.obj.height () / 2-imgobj.heigh () / 2-Top}) ؛؛
imgobj.appendto (this.obj) ؛
this.obj.animate ({height: this.obj.height ()} ، ms ، function () {
أتصل مرة أخرى ()؛
}) ؛
} ؛
this.stop = function () {
$ ("#IMG_LODING").
هذا.
}
} ؛
طريقة الاتصال:
نسخ رمز رمز على النحو التالي:
$ ("#elementid").
var obj = new ajaxloding.load ("div_test" ، 2000 ، e ، 0،0 ، function () {
// ALERT ("التقديم الناجح!") ؛
OBJ.STOP () ؛
}) ؛
obj.start () ؛
}) ؛
أيقونة الإقامة التي أستخدمها ، يمكنك استبدالها بنفسك ؛
التنفيذ بسيط للغاية ، وليس هناك اعتبار ، معايير أو شيء من هذا القبيل ؛