Étant donné que de nombreux endroits du projet sont soumis à Ajax, ajoutant l'effet de l'attente de l'animation, j'ai donc écrit une méthode JS générale simple -Purpose;
Le code est le suivant:
Copier le code du code comme suit:
/ * Ajax a soumis l'effet d'attente de retard * /
var ajaxloding = new object ();
// Wraperd: l'élément de conteneur qui affiche l'image de logement
// MS: La longueur de l'icône de logement est affichée, millisecondes
// Envie: la source de l'événement de l'événement de l'événement est utilisée pour obtenir l'objet de l'événement de départ
// rappel: représente la méthode de récupération exécutée après la fin de l'animation
// La méthode stop () indique le fonctionnement de l'animation cachée fonctionnant après l'exécution avec succès de la méthode de récupération
Ajaxloding.load = function (lodingId, ms, événement, gauche, haut, rappel) {
if (! gauche || typeof gauche == Undefined)
gauche = 0;
if (! top || typeof top == Undefined)
En haut = 0;
this.lodingId = LodingId; // affiche l'élément parent de l'icône de logement
this.obj = $ ("#" + this.lodingId);
this.sourceEvenGeneNelement = $ (event.currentTarget);
this.start = function () {
this.obj.css ({posititin: "relative"});
this.sourceeveentelement.attr ("handicap", true);
// Affichez l'icône de l'icône et LodingId par défaut, et définissez le style suivant
Var imgobj = $ ("<img src = '/images/Loaderc.gif' style = 'position: Absolute; width: 32px; height: 32px;' id = 'img_loding'" ");
imgobj.css ({Left: this.obj.width () / 2- imgobj.width () / 3-heft, top: this.obj.height () / 2-imgobj.heigh () / 2-top}) ;;
imgobj.appendto (this.obj);
this.obj.animate ({hauteur: this.obj.height ()}, ms, function () {
callback ();
});
};
this.stop = function () {
$ ("#Img_loding").
this.sourceeveentelement.attr ("handicap", false);
}
};
Méthode d'appel:
Copier le code du code comme suit:
$ ("#ElementId").
var obj = new ajaxloding.load ("div_test", 2000, e, 0,0, function () {
// alerte ("Soumission réussie!");
obj.stop ();
});
obj.start ();
});
L'icône de logement que j'utilise, vous pouvez la remplacer par vous-même;
La mise en œuvre est très simple, et il n'y a pas de considération, de normes ou quelque chose;