Da viele Orte im Projekt Ajax übermittelt werden, fügte ich die Wirkung des Wartens auf die Animation hinzu. Deshalb habe ich eine einfache allgemeine JS -Methode geschrieben.
Der Code ist wie folgt:
Kopieren Sie den Code -Code wie folgt:
/*Ajax hat eine Verzögerungswartung Effekt eingereicht*/
var ajaxloding = new Object ();
// Wraaperid: Das Containerelement, das das Unterkunftsbild anzeigt
// ms: Die Länge des Unterkunftsymbols wird angezeigt, Millisekunden
// Envent: Die Quelle des Ereignisereignisses des Ereignisses wird verwendet, um das Objekt des Abflugsereignisses zu erhalten
// Rückruf: Repräsentiert die Wiederherstellungsmethode, die nach Ablauf der Animation ausgeführt wurde
// Stop () -Methode gibt den Betrieb der versteckten Animation an, die nach der erfolgreichen Ausführung der Wiederherstellungsmethode arbeitet
Ajaxloding.load = Funktion (Lodingid, MS, Ereignis, links, oben, Callback) {
if (! links || typeof links == undefiniert)
links = 0;
if (! top || typeof top == undefiniert)
Top = 0;
this.lodingid = lodingId;
this.obj = $ ("#" + this.lodingId);
this.SourceEeVengenElement = $ (Event.currentTarget);
this.start = function () {
this.obj.css ({poitin: "relative"});
this.sourceeVeentelement.attr ("Behindert", wahr);
// Zeigen Sie standardmäßig das Symbol und das Lodingid an und legen Sie den folgenden Stil fest
Var imgobj = $ ("<img src = '/images/loaderc.gif' style = 'Position: absolut; width: 32px; Höhe: 32px;' id = 'img_loding'" ");
imgobj.css ({links: this.obj.width () / 2- imgobj.width () / 3-Heft, oben: this.obj.height () / 2-Imgobj.Heigh () / 2-Top}) ;;
imgobj.appendto (this.obj);
this.obj.animate ({Höhe: this.obj.height ()}, ms, function () {
callback ();
});
};
this.stop = function () {
$ ("#Img_loding").
this.sourceeVeentelement.attr ("Behindert", falsch);
}
};
Aufrufmethode:
Kopieren Sie den Code -Code wie folgt:
$ ("#ElementId").
var obj = new ajaxloding.load ("div_test", 2000, e, 0,0, function () {
// alarm ("Erfolgreiche Einreichung!");
obj.stop ();
});
obj.start ();
});
Das Lodierungssymbol, das ich benutze, können Sie es selbst ersetzen.
Die Implementierung ist sehr einfach, und es gibt keine Überlegungen, Standards oder etwas.