질문/조언질답게시판

<div>

내용

</div>

 

위 요소를 컨텐츠가 출력된 후에 출력이 되거나 혹은 시간으로 2,3초 지연을 주거나 하는 방법이 필요한데요.

어떻게 하는 건가요?

 

  • ?
    해당 element에 class or id 를 부여한 다음 <script> setTimeout(function(){jQuery('class or id').fadeIn()}, 3000);</script> 를 쓰시면 됩니다.
  • ? profile
    감사합니다. 말씀 하신대로 해보겠습니다.
  • ?

    content ( document ) 가 load된 후 해당 element를 출력하고 싶으신거라면 jQuery(document).ready(function() { ... }); 를 사용하시면 됩니다.

  • ? profile
    id 를 사용했는데 잘 안되는거 같은데요. 우선 위에 3초 지연 방법으로 해 봤습니다.
  • profile ?
    jQuery(document) 부분을 수정하신건가요? 해당 부분은 수정하시면 안됩니다.
  • ? profile
    <script> setTimeout(function(){jQuery('아이디명').fadeIn()}, 3000);</script>
    그리고 이 아래에 해당 요소를 넣었습니다.
  • profile ?
    jQuery(document).ready(function(){ 여기에 fadeIn() }); 입니다. or이에요 둘 중 하나를 사용하시면 됩니다.
  • ? profile
    <script> setTimeout(function(){jQuery('아이디명').fadeIn()}, 3000);</script>

    이게 틀렷다면 어떻게 사용하라는지 설명좀 부탁드립니다.
    처음에 알려주신 방법이 이것으로 이해했습니다.
  • profile ?
    아... script에서 element를 참조할 경우 script가 html의 가장 하단에 오거나 해야합니다. setTimeout은 해당 부분을 신경쓰지 않아도 작동합니다. 다만 나중에 말한 스크립트는 콘텐츠가 다 출력된 후 (html이 로드된 후) 동작하는 스크립트로 본문 내에 A, B 둘다 말씀하셔서 두개 다 알려드린것이니 제대로 이해하신게 맞습니다.
  • ? profile
    스크립트가 나중에 위치해야 한다는 거군요. 다시 해보겠습니다. 감사합니다.
  • ? profile
    관리자페이지의 하단 스크립트 입력하는 곳에 넣어 가장 나중에 스크립트가 작동하도록 해 봤는데 요소가 먼저 출력되어 버리네요..

    <div id="sky_banner5">
    </div>

    <script> setTimeout(function(){jQuery('sky_banner5').fadeIn()}, 19000);</script>

    일부러 길게 세팅하고 테스트 해봤습니다.
  • profile ?

    해당 요소에 display:none을 적용시켜주시고 id일 경우 #을 추가하여야 id로 인식합니다.

    jQuery('#sky_banner5') 식으로요.

    class는 .으로 구분합니다.

  • ? profile
    아.. id 넣는 것 부터 틀렸군요. 잘 알겠습니다~
  • profile ?
    하나하나 배워가는 재미 아닐까요~ 다음에 쓸때 기억난다면 성공한거겠지요 :3
  • ?
    해당 방식은 css selector 라고 불리우는 element 선택방식입니다. 시간나시면 한번 검색해보세요 나중에 도움 많이 될 겁니더
  • ? profile
    잘되네요~ 도움 감사합니다!!