<div>
내용
</div>
위 요소를 컨텐츠가 출력된 후에 출력이 되거나 혹은 시간으로 2,3초 지연을 주거나 하는 방법이 필요한데요.
어떻게 하는 건가요?
-
?
해당 element에 class or id 를 부여한 다음 <script> setTimeout(function(){jQuery('class or id').fadeIn()}, 3000);</script> 를 쓰시면 됩니다.
-
?
감사합니다. 말씀 하신대로 해보겠습니다. -
?
content ( document ) 가 load된 후 해당 element를 출력하고 싶으신거라면 jQuery(document).ready(function() { ... }); 를 사용하시면 됩니다.
-
?
id 를 사용했는데 잘 안되는거 같은데요. 우선 위에 3초 지연 방법으로 해 봤습니다.
-
?
jQuery(document) 부분을 수정하신건가요? 해당 부분은 수정하시면 안됩니다.
-
?
<script> setTimeout(function(){jQuery('아이디명').fadeIn()}, 3000);</script>
그리고 이 아래에 해당 요소를 넣었습니다. -
?
jQuery(document).ready(function(){ 여기에 fadeIn() }); 입니다. or이에요 둘 중 하나를 사용하시면 됩니다.
-
?
<script> setTimeout(function(){jQuery('아이디명').fadeIn()}, 3000);</script>
이게 틀렷다면 어떻게 사용하라는지 설명좀 부탁드립니다.
처음에 알려주신 방법이 이것으로 이해했습니다. -
?
아... script에서 element를 참조할 경우 script가 html의 가장 하단에 오거나 해야합니다. setTimeout은 해당 부분을 신경쓰지 않아도 작동합니다. 다만 나중에 말한 스크립트는 콘텐츠가 다 출력된 후 (html이 로드된 후) 동작하는 스크립트로 본문 내에 A, B 둘다 말씀하셔서 두개 다 알려드린것이니 제대로 이해하신게 맞습니다.
-
?
스크립트가 나중에 위치해야 한다는 거군요. 다시 해보겠습니다. 감사합니다.
-
?
관리자페이지의 하단 스크립트 입력하는 곳에 넣어 가장 나중에 스크립트가 작동하도록 해 봤는데 요소가 먼저 출력되어 버리네요..
<div id="sky_banner5">
</div>
<script> setTimeout(function(){jQuery('sky_banner5').fadeIn()}, 19000);</script>
일부러 길게 세팅하고 테스트 해봤습니다. -
?
해당 요소에 display:none을 적용시켜주시고 id일 경우 #을 추가하여야 id로 인식합니다.
jQuery('#sky_banner5') 식으로요.class는 .으로 구분합니다.
-
?
아.. id 넣는 것 부터 틀렸군요. 잘 알겠습니다~
-
?
하나하나 배워가는 재미 아닐까요~ 다음에 쓸때 기억난다면 성공한거겠지요 :3
-
?
해당 방식은 css selector 라고 불리우는 element 선택방식입니다. 시간나시면 한번 검색해보세요 나중에 도움 많이 될 겁니더
-
?
잘되네요~ 도움 감사합니다!!