Lade Gif nach dem Klicken auf das Formular anzeigen Übergeben mit jQuery

8

Ich versuche, ein Lade-Gif zu zeigen, sobald das Formular abgeschickt wurde. Mein Code funktioniert nicht richtig, damit das Lade-GIF angezeigt wird. Sie sehen, dass mein Bild für das gif auf visibility: hidden gesetzt ist.

%Vor%     
ValleyDigital 19.11.2014, 20:25
quelle

4 Antworten

21

Die Methode show() wirkt sich nur auf die Einstellung display CSS aus. Wenn Sie die Sichtbarkeit festlegen möchten, müssen Sie dies direkt tun. Außerdem ist das .load_button -Element eine Schaltfläche und löst kein submit -Ereignis aus. Sie müssten Ihren Selektor in form ändern, damit dies funktioniert:

%Vor%     
Rory McCrossan 19.11.2014, 20:27
quelle
7

Schaltflächeneingaben haben kein Sendeereignis. Fügen Sie stattdessen den Ereignishandler dem Formular hinzu:

%Vor%     
dave 19.11.2014 20:32
quelle
1

Besseres und saubereres Beispiel nur mit JS

Referenz: TheDeveloperBlog.com

Schritt 1 - Erstellen Sie Ihr Java-Skript und legen Sie es in Ihre HTML-Seite.

%Vor%

in Ihrem Formular rufen Sie die Java-Script-Funktion bei submit-Ereignis auf.

%Vor%

Bald nachdem Sie das Formular abgeschickt haben, wird Ihnen das Ladebild angezeigt.

    
BenW 18.06.2015 04:40
quelle
0

Was ist mit einer Onclick-Funktion:

%Vor%

Natürlich können Sie dies in eine Funktion setzen und dann mit einem onClick

auslösen     
Nebulosar 01.03.2017 09:35
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Bootstrap 3 - Verwenden Sie mehr als 12 Spalten in einer Zeile