숨기기 및 표시 : 페이지를로드하는 동안 문제가 발생합니다.

Question

페이지를로드 할 때 플래시 구성 요소를 숨겨두고 (백그라운드에서로드하려고합니다.) 완전히로드 된 후 표시합니다. DOM을로드 한 후

이를 위해, 나는 그것을 숨기기 위해 다음과 같은 자바 스크립트 코드가이 시점에서

$(document).ready(function() 
{ 
    $("#test").hide(); 
}); 

은 플래시가 숨겨져 있습니다. 그런 다음 나중에 다음과 같이 호출하는 메서드를 호출합니다.

$("#test").show(); 

그러나이 시점에서 플래시는 다시 나타나지 않습니다. Firebug의 콘솔에서도 시도했지만 작동하지 않았습니다. 나는 div로 똑같은 일을하려했으나 잘 작동하지 않는다.

로드 할 때 div/flash를 숨기지 않지만 나중에 Firebug 콘솔에서 숨기거나 표시하면 잘 동작합니다.

아무도 왜이 동작을하는지 알 수 있습니까?

편집 :

가 대단히 감사합니다,

루디

Answer 1

플래시 요소를 숨기려면 아직도 당신이 대신을 숨기는, 가시 영역의 외부로 배치 할 수 있습니다,로드있다. onload 이벤트가 시작되기 전에 요소가 이미 숨겨 지도록 CSS를 사용하십시오. 그런 다음 플래시 요소를 표시 할 준비가되면 loading 클래스를 제거하면됩니다.

CSS

#flash-container { position: absolute; top: ... } 
#flash-container.loading { top: -1000px; } 

$("#flash-container").removeClass("loading"); 

또한 HTML

<div id="flash-container" class="loading"> 
    <object ...></object> 
</div> 

자바 스크립트, 당신의 #flash-container CSS 정의의 일부로서,이 요소가있을 때를 위해 위치를 정의해야합니다 명백한.