jquery show() geht nur im Firefox

Hallo,

ich nutze zum Einblenden eines "Ladebildes" (.dvLoading) die jquery Funktion show().

Das geht perfekt, aber nur im Firefox. Im IE oder Chrome erscheint da nichts.

Im Netz habe ich schon viel gelesen. z.B. show(slow) statt show() oder css("display", "block") statt show()

Alles ohne Erfolg. Hat hier jemand eine Idee. So sieht die js Funktion dazu aus:

function ajaxSave()
        {                  
           $('#login_status_flag').val('Login');
          
            $.ajax({
                type: "POST",
                async:false,
                url: "<?php echo $cnfg["sitebasefolder"]; ?>/Customimages/richeditorAjaxSave/",
                data: $("#Customimage").serialize(),
                dataType : 'json',
                beforeSend: function(request){
                    $(".dvLoading").show();
		   $(".dvLoading").fadeOut(3000);
                },
                success: function(response){
                    $(".dvLoading").show();
                       setTimeout(function(){ $("input[type=submit]").removeAttr("disabled");  },1000);     
                    switch(response.requestedFor){
                        case 'rotate':
                            $(".dvLoading").show();
			    window.location.href = "<?php echo $cnfg["sitebasefolder"]; ?>/Customimages/" + response.nextUrl;
                            break;
                        case 'save':   
                             $(".dvLoading").show();
			     $(".dvLoading").fadeOut(3000);
                              $('#savImgId').val(response.lastId);
                              $('#edit_id').val(response.lastId);
                            break;
                        case 'order':
                            $(".dvLoading").show();
			    $(".dvLoading").fadeOut(3000);
                            $('#savImgId').val(response.lastId);
                            $('#edit_id').val(response.lastId);
                            break;
                        default:    
                            alert('Sorry An error occurred. Please try again.');
                            break;
                    }
                }
            });

Vielen Dank für jede Anregung.

Es funktioniert gar keins. Außer im Firefox. Da gehen alle.

Die JavaScript-Konsole zeigt keine Fehler und jedes Alert vor den show() erscheinen korrekt.

Ich hab auch schon

$(".dvLoading").show();

ganz oben in die Funktion gesteckt. Geht auch nicht.

Da hatte ich schon probiert. Ändern nichts.

$(".dvLoading").css("display", "block");

Das ist mein CSS:

#dvLoading {
	height: 150px;
	width: 200px;
	text-align: center;
	position: fixed;
	z-index: 1000;
	left: 53%;
	top: 45%;
	margin: -25px 0 0 -25px;
	display: none;
}

Wenn ich das display: none auskommentiere, dann kommt das Bild.

MfG

Naja. Das div sieht so aus:

<div id="dvLoading" class="dvLoading">
	<p style="color: #999999;">Speichere... Bitte warten</p>
	<img src="<?php echo $cnfg["sitebasefolder"];?>/img/loadinfo.gif" />
</div>

Also stimmt das dann wieder, oder?

OK. Ich hab also aufgeräumt:

HTML:

<div id="dvLoading">
	<p style="color: #999999;">Speichere... Bitte warten</p>
	<img src="<?php echo $cnfg["sitebasefolder"];?>/img/loadinfo.gif" />
</div>

CSS:

#dvLoading {
	height: 150px;
	width: 200px;
	text-align: center;
	position: fixed;
	z-index: 1000;
	left: 53%;
	top: 45%;
	margin: -25px 0 0 -25px;
	display: none;
}

im JS:

$("#dvLoading").css("display", "block");

bzw.

$("#dvLoading").show();

Ergebnis ist genau gleich.