[jQuery] .css('display', 'block') tut nichts

[Cave Johnson]

Hi,

ich hab auf meiner Seite Inhalte, die dynamisch nachgeladen werden, wenn Checkboxen angeklickt werden. Da das ggf. etwas dauert, soll dabei ein kurzes loading.gif angzeigt werden.

Bisher war es so, dass das gif den alten Inhalt in <div id="ausgabe"> ersetzt und dort dann die neuen Inhalte angezeigt werden:

$("div#ausgabe").html('<img src="/bilder/load.gif">');
$("div#ausgabe").load("ausgabe.php",{...});

Das klappt wunderbar.

Jetzt würde ich das gif aber lieber in einem div anzeigen, dass über die ganze Seite gelegt ist. Wenn die neuen Inhalte geladen wurden, soll es wieder ausgeblendet werden. Für das div hab ich vorab #loading {display: none; ...} definiert und <div id="loading"><img src="/bilder/load.gif"></div>.

Jetzt hatte ich das ganze so probiert:

$("div#loading").css('display', 'block'); // alternativ ({'display': 'block'})
$("div#ausgabe").load("ausgabe.php",{...});
$("div#loading").css('display', 'none'); // alternativ ({'display': 'none'})

Allerdings wird das div#loading nicht angezeigt. Ich sehe in Firebug, dass das div während des Vorgangs manipuliert wird, da es im Quellcode gelb hervorgehoben wird. Allerdings wird kein CSS-Attribut gesetzt - auch das sollte man in Firebug ja sehen.

Anhang anzeigen 300014​

Kann mir jemand sagen, wieso .css() hier nicht greift?

 

[kling1]

wieso display: block? statt einfach show(), hide() oder toggle() zu verwenden?

$('#loading').show();

 

[Cave Johnson]

Zeigt leider genau dasselbe Verhalten - kein div zu sehen, aber im Firebug wird es angesprochen.

 

[bananajoe2k4]

Kannst du mal eine Beispielseite bereitstellen?

 

[Cave Johnson]

Oh man, hab den Fehler gefunden.

Hatte das Script nur für die Checkboxen angepasst, aber nicht für die Auswahllisten

Sorry für die Umstände