jquery fade元素不显示样式为'visibility：hidden'的元素

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：隐藏”）淡入（）;