JQuery Fade Element zeigt keine Elemente, die "Sichtbarkeit: versteckt" gestaltet sind

Question

Ich habe eine Reihe von Miniaturansichten, die ich mit einem Stil von lade visibility: hidden; so dass sie alle ihre korrekten Layouts beibehalten. Sobald die Seite voll geladen ist, habe ich eine JQuery -Funktion, die sie verblasst display: none; Aber natürlich hat das Layout dann vermasselt. Irgendwelche Vorschläge?

Hier ist die Fade -Linie:

$('.littleme').fadeIn('slow');

Answer 1

Fügen Sie der Kette wie dieser ein paar Anrufe hinzu:

 $('.littleme').css('visibility','visible').hide().fadeIn('slow');

Dies wird es zu ändern display:none Für 1 Frame, bevor Sie verblassen und die Fläche wieder besetzen.

Answer 2

Versuchen Sie, Deckkraft zu verwenden und animate():

$('.littleme').css('opacity',0).animate({opacity:1}, 1000);

Answer 3

<span style="opacity:0;">I'm Hidden</span>

Zeigen : $('span').fadeTo(1000,1)

Verstecken : $('span').fadeTo(1000,0)

Der Raum ist im DOM -Layout erhalten

http://jsfiddle.net/vzwq6/

Answer 4

Können Sie stattdessen nicht Fadeto (Dauer, Wert) verwenden? Auf diese Weise können Sie auf diese Weise auf 0 und 1 verblassen, so dass Sie den Dokumentfluss nicht beeinflussen ...

Answer 5

Versuchen Sie, das versteckte Element zu entsprechen?

$ (". Littleme: versteckt"). Fadein ();