jquery 페이드 요소에 '가시성: 숨김' 스타일의 요소가 표시되지 않습니다.

jquery 페이드 요소에 '가시성: 숨김' 스타일의 요소가 표시되지 않습니다.

나는 많은 썸네일들을 가지고 있는데 그것들은 내가 다음의 스타일과 함께 로딩하고 있습니다.visibility: hidden;모두 정확한 레이아웃을 유지할 수 있도록 말입니다.일단 페이지가 다 로드되면 그 페이지들을 퇴색시키는 jquery 기능이 있습니다.이것은 그들의 스타일이 다음과 같이 설정되었을 때 효과가 있었습니다.display: none;하지만 분명히 그때 배치가 엉망이 되었겠지요좋은 의견이라도 있나?

여기 페이드 라인이 있습니다.

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

다음과 같이 체인에 몇 개의 호출을 추가합니다.

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

그러면 다음으로 바뀝니다.display:none한 프레임 동안 그 영역을 다시 차지하기 전에.

불투명도를 이용해보고.animate():

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

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

표시할 내용:$('span').fadeTo(1000,1)

숨기기:$('span').fadeTo(1000,0)

공간은 DOM 레이아웃에 보존됩니다.

http://jsfiddle.net/VZwq6/

페이드To(기간, 값)를 대신 사용할 수는 없습니까?이렇게 하면 0과 1로 사라질 수 있고, 문서 흐름에 영향을 주지 않을 수 있습니다.

숨김 요소에 대해 일치를 시도하시겠습니까?

$(.little me: hidden").페이드인();

언급URL : https://stackoverflow.com/questions/2435751/jquery-fade-element-does-not-show-elements-styled-visibility-hidden