jQuery fade element nie pokazuje elementów w stylu 'visibility: hidden'

Mam kilka miniaturek, które Ładuję stylem visibility: hidden;, aby wszystkie zachowywały swoje poprawne układy. Po pełnym załadowaniu strony mam funkcję jquery, która je zanika. To działało, gdy ich styl został ustawiony na display: none;, ale oczywiście układ schrzanił wtedy. Jakieś sugestie?

Heres the fade line: 

$('.littleme').fadeIn('slow');
Author: kalpaitch, 2010-03-12
Source

5 answers

Dodaj kilka wywołań do łańcucha w ten sposób: 

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

To zmieni go na display:none na 1 klatkę, zanim zniknie, zajmując ponownie obszar.

 155
Author: Nick Craver,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-03-12 20:52:09

Spróbuj użyć nieprzezroczystości i animate(): 

$('.littleme').css('opacity',0).animate({opacity:1}, 1000);
 27
Author: David Hellsing,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-03-12 20:51:52

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

Aby Pokazać: $('span').fadeTo(1000,1)

Do Ukrycia: $('span').fadeTo(1000,0)

Przestrzeń jest zachowana w układzie DOM

Http://jsfiddle.net/VZwq6/

 10
Author: user,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-03-19 12:10:58

Nie możesz użyć fadeTo (czas trwania, wartość) zamiast? Z pewnością w ten sposób możesz zniknąć do 0 i 1, w ten sposób nie wpływasz na przepływ dokumentów...

 1
Author: Neil,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-01-05 15:44:20

Spróbuj dopasować ukryty element?

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

 0
Author: iivel,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-03-12 20:56:39