JQuery Fade Element zeigt keine Elemente, die "Sichtbarkeit: versteckt" gestaltet sind
-
19-09-2019 - |
Frage
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');
Lösung
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.
Andere Tipps
Versuchen Sie, Deckkraft zu verwenden und animate()
:
$('.littleme').css('opacity',0).animate({opacity:1}, 1000);
<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
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 ...
Versuchen Sie, das versteckte Element zu entsprechen?
$ (". Littleme: versteckt"). Fadein ();