Zeige Laden Nachricht auf Formular - Zurück-Button woes

Question

Ich bin ein div mit einer Lademeldung und Bild zeigt, wenn ein Formular abgeschickt wird:

$("#some_form").submit(function(){ 
    $("#some_form #loading").show(); 
}); 

Dies funktioniert wie ich erwartet hatte. Wenn Sie jedoch die Zurück-Schaltfläche verwenden, um zurückzugehen, ist das Lade-Div immer noch sichtbar, da der Browser die Seite nicht neu geladen hat.

Gibt es ein Browserereignis, das ich verwenden könnte, um die Lade-Div zu verstecken, wenn die Zurück-Taste verwendet wird? Oder gehe ich die ganze Sache falsch herum?

Danke für jede Hilfe!

Answer 1

Wie wäre es mit einem Header Cache-Control: no-cache dem Browser sagen, nicht die ursprüngliche Seite zu cachen? Wenn Sie im Verlauf zurück navigieren, sollten Sie die Seite neu laden.

Wie wäre es mit window.onunload?

Answer 2

Da Sie das Bild zum Laden anzeigen, arbeiten Sie wahrscheinlich mit AJAX. Recht? Sie sollten die Ajax-Start und Ajax-complete Veranstaltungen =)

EDIT: Sie könnten versuchen:

window.onbeforeunload = function() { 

    $("#some_form #loading").hide(); 

} 

Oder diese:

http://www.bajb.net/2010/02/browser-back-button-detection/

Answer 3

Sie

könnte hinzufügen

<script> 
$(function() { 
    $("#some_form #loading").hide(); 
}); 
</script> 

in Ihrem Kopf. So versteckt es das div, wenn die Seite vollständig geladen ist. Dies sollte auch funktionieren, wenn die Zurück-Taste gedrückt wird, soweit ich weiß.