레일과 script.aculo.us의 내가 레일이 HTML로 볼 수있는 효과

Question

을 표시

.counter{ 
    opacity:0; 
} 

예상대로하지만 수행 사업부의 텍스트가 사라질 때 효과가 작동

, I 불투명도를 추측하는 것은 0으로 되돌아갑니다. 어떻게 완전 불투명하게 유지할 수 있습니까?

Answer 1

나타나는 효과는 일단 완료되면 요소에서 불투명도 스타일을 제거한다는 것입니다. 가장 쉬운 해결책은 opacity: 0;을 스타일 시트에서 제거하고 style="opacity: 0"으로 div에 직접 배치하는 것입니다. 이것은 인라인 스타일 때문에 약간 추한 것입니다. 옵션에서이 같은 visual_effect 통화 : 페이지를로드하는 데 시간이 걸리는 경우

가

visual_effect(:appear, :main_counter, :duration=>3.0, :from => 0) 

효과가 첫번째 그러나 0으로 불투명도를 설정합니다이 방법은, 그것은 될 수 Antoher 솔루션은 사용하는 것 on_load 이벤트가 시작될 때까지 div가 표시되는지 확인합니다.

나는 그것이 결코 우연히 발견되지 않는다는 것이 궁금합니다. 그것은 "좋은"해결책을 생각할 수없는 버그입니다.