Wenn ein button
mit diesem Werk (Loader wird angezeigt, bis Seite geladen ist):Ausführen Skript von von einreichen
<script>
$(document).ready(function(){
$(".loader").hide();
$(".overlay").fadeOut(1000);
$('button').click(function() {
$(".loader").fadeIn("fast");
$(".overlay").fadeIn(100);
});
});
</script>
Aber wenn ich Submit
verwenden Sie es nicht:
Ich versuche, auf folgendes Arbeit:
<script>
$(document).ready(function(){
$(".loader").hide();
$(".overlay").fadeOut(1000);
$("form").submit(function() {
$(".loader").fadeIn("fast");
$(".overlay").fadeIn(100);
});
});
</script>
ich habe auch ohne Freude versucht:
$(input[type="submit"]).click(function() {
Ich möchte es für alle Submits auf der Seite arbeiten und so IDs nicht verwenden möchten. Alle Hinweise sind sehr willkommen.
UPDATE
$("form").submit(function(e) {
hat den Trick.
Würden Sie das Formular nicht erneut senden, um die Seite zu aktualisieren, sodass die Fade-Effekte nicht relevant sind? Definieren Sie "funktioniert nicht" in diesem Fall. – David
Das Submit lädt die Seite tatsächlich neu, was effektiv ist, es zu aktualisieren, Sie haben Recht. Was ich will ist, dass der Loader angezeigt wird, wenn der Submit gedrückt wird und dann, wenn die Seite den Loader neu geladen hat. Wie gesagt, es funktioniert einwandfrei, wenn ich ein Update benutze, aber nicht mit – RGriffiths
Aber wenn die Seite fast sofort neu geladen wird, macht der Lader dann nicht seine Arbeit? Es scheint, als ob das gut funktioniert. Der einzige Grund, warum Sie keinen Loader sehen, ist, dass der eigentliche Vorgang schneller abläuft als der Loader. Ist das wirklich eine schlechte Sache? Fragen Sie, wie Sie eine Verzögerung künstlich einführen, bevor Sie die Seite neu laden? – David