jquery show() geht nur im Firefox [2]

Sowohl im Chromium 41 (enspricht Google Chrome 41) als auch im IE 9 konnte ich nach dem Klick auf den Vorschau-Button den Text "Speichere... Bitte warten" und darunter das Lade-Icon sehen. Beim IE nur kurz, weil die Vorschau schnell da war.

Ja. Es scheint jedenfalls so, dass in Chromium die Vorschau wesentlich schneller angezeigt wird als in Firefox. Das Problem, dass das Lade-Icon gar nicht angezeigt wird, kann ich allerdings mit keinem Browser reproduzieren.

Ist es denn bei dir so, dass du das Ladebild auch dann nicht siehst, wenn die Vorschau länger auf sich warten lässt?

... oder meinst du das Lade-Bild links oben in der Serviette beim Größer-Ziehen des Bildes?

Im Chrome und im Firefox kommt das Bild nur ganz kurz bevor die Vorschau erscheint.

Du meinst im Chrome und IE?

Dann funktioniert das Einblenden via show() ja grundsätzlich. Die Frage ist dann nur, warum der Ladebalken nur so kurz angezeigt wird.

Hier gibt es mehrere Möglichkeiten:

1. bei Chrome / IE erscheint die Vorschau viel schneller, entsprechend wird der Ladebalken auch nur kurz angezeigt

hier würde ich nicht unbedingt von einem Problem reden - wenn die Vorschau zackig lädt, dann braucht's doch auch keinen Ladebalken?

2. der Ladebalken erscheint mit einer größeren Verzögerung als in Firefox

da würde ich mal testen, ob sich was ändert, wenn du das show() schon vor dem $.ajax() ausführst, statt in dessen beforeSend Callback-Funktion

3. der Ladebalken wird zu früh ausgeblendet

hier würde ich testweise mal das fadeOut() weglassen

Im Chrome und im Firefox kommt das Bild nur ganz kurz bevor die Vorschau erscheint.

Das wäre dann wohl 2.?

Bei mir werden gar keine Bilder in der Vorschau geladen

Die Bild-URLs sehen so aus:

<img width="120px" height="120px" src="/bedrucken/img/../img/customized_tshirts/" alt="1" style="...">

Da fehlt der Dateiname - zudem würde ich das "/img/../img/" besser als ein einfaches "/img/" wiedergeben

Es liegt vermutlich an dieser Option:

                async:false,

Siehe auch diesen Thread auf Stack Overflow:

http://stackoverflow.com/questions/12375218/jquery-ajax-with-async-set-to-false-prevents-previous-display-changes-in-chrome

Probier mal die erste Lösung von Guffa, d.h. den ajax() Aufruf in einen setTimeout Block setzen, und den Aufruf von show() davor - also so in etwa:

function ajaxSave()                                                             
{                                                                                  
    $('#login_status_flag').val('Login');                                          
    $(".dvLoading").show();                                                        
    window.setTimeout(function() {                                                 
        $.ajax({                                                                   
            /* ... */                                                              
        });                                                                        
    }, 0);                                                                         
} 

... und wenn das nicht hilft, den Code so umschreiben, dass er ohne "async:false" funktioniert