jQuery Fade Element не показывает элементы, стилизованные «Видимость: скрытый»

Question

У меня есть множество миниатюр, которые я загружаю стилем visibility: hidden; так что все они поддерживают свои правильные макеты. Как только страница будет полностью загружена, у меня есть функция jQuery, которая исчезает. Это сработало, когда их стиль был установлен на display: none; Но, очевидно, тогда макет облажался. Какие-либо предложения?

Вот линия затухания:

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

Answer 1

Добавьте несколько вызовов в цепь так:

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

Это изменит его на display:none Для 1 кадра, прежде чем исчезнуть, снова заняв район.

Answer 2

Попробуйте использовать непрозрачность и animate():

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

Answer 3

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

Показывать : $('span').fadeTo(1000,1)

Прятаться : $('span').fadeTo(1000,0)

Пространство сохраняется в макете DOM

http://jsfiddle.net/vzwq6/

Answer 4

Разве вы не можете использовать FADETO (продолжительность, значение) вместо этого? Конечно, таким образом вы можете исчезнуть до 0 и 1, таким образом, вы не влияете на поток документов ...

Answer 5

Попробовать сопоставить для скрытого элемента?

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