jQuery fade element не показывает элементы в стиле 'visibility: hidden'

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

вот исчезает линия:

$('.littleme').fadeIn('slow');
5 71
jquery visibility fadein

5 ответов:

добавьте несколько вызовов в цепочку следующим образом:

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

это будет display:none для 1 кадра Перед затуханием, снова занимая область.

149

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

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

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

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

Скрывать : $('span').fadeTo(1000,0)

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

http://jsfiddle.net/VZwq6/

9

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

1

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

$(".littleme: hidden").fadeIn();

0