HTML-Schaltfläche, die nach dem Klick die Anzeige in Ajax-Spinner ändert

Question

Ich habe in meiner Site eine Reihe von Schaltflächenelementen, die Ajax-Operationen ausführen.

Wenn ein Benutzer eine dieser Schaltflächen klickt, möchte ich es deaktivieren, verstecken ihre Beschriftung, zeigen dann eine zentrierte Ajax spinner image während es für wartet entweder die $.ajax()success oder failure Funktion Feuer, an welchem ​​Punkt sein Aussehen wird zurückgesetzt vorab klicken

Ich rollte meine eigene jQuery-Erweiterung, um dies zu tun, aber die Positionierung des Spinner-Image ist in verschiedenen Browsern leicht aus, und ich habe nicht wirklich die Geduld, spezifische Browser-CSS jetzt zu debuggen.

Gibt es ein einfaches Plugin, das diese Funktionalität bereits für mich bietet?

Answer 1

Soweit ich weiß, müssen Sie das selbst tun. Es ist ein CSS-Problem, das je nach Position der Elternelemente und der Seite sehr unterschiedlich ist. Jede vorgefertigte Lösung würde nur erfordern, dass Sie Ihren gesamten HTML-Code durchlaufen und ändern, um ihn mit einem Standard zu verbinden, den eine andere Lösung bereits erstellt hat.

Es könnte einfacher sein zu sehen, wie es bereits gebaut ist, um einfach das Cross-Browser-Test zu machen ...