레이아웃에서 특정요소를 지연 출력 시키려면...

댓글 16

• 라라펠

  2018.03.22 01:50
  해당 element에 class or id 를 부여한 다음 <script> setTimeout(function(){jQuery('class or id').fadeIn()}, 3000);</script> 를 쓰시면 됩니다.
  좋아요 0
• 웹지기

  2018.03.22 01:51
  @라라펠

  감사합니다. 말씀 하신대로 해보겠습니다.
  좋아요 0
• 라라펠

  2018.03.22 01:53

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

  좋아요 0
• 웹지기

  2018.03.22 01:56
  @라라펠

  id 를 사용했는데 잘 안되는거 같은데요. 우선 위에 3초 지연 방법으로 해 봤습니다.
  좋아요 0
• 라라펠

  2018.03.22 01:56
  @웹지기

  jQuery(document) 부분을 수정하신건가요? 해당 부분은 수정하시면 안됩니다.
  좋아요 0
• 웹지기

  2018.03.22 01:58
  @라라펠

  <script> setTimeout(function(){jQuery('아이디명').fadeIn()}, 3000);</script>
  그리고 이 아래에 해당 요소를 넣었습니다.
  좋아요 0
• 라라펠

  2018.03.22 01:59
  @웹지기

  jQuery(document).ready(function(){ 여기에 fadeIn() }); 입니다. or이에요 둘 중 하나를 사용하시면 됩니다.
  좋아요 0
• 웹지기

  2018.03.22 02:01
  @라라펠

  <script> setTimeout(function(){jQuery('아이디명').fadeIn()}, 3000);</script>
  
  이게 틀렷다면 어떻게 사용하라는지 설명좀 부탁드립니다.
  처음에 알려주신 방법이 이것으로 이해했습니다.
  좋아요 0
• 라라펠

  2018.03.22 02:03
  @웹지기

  아... script에서 element를 참조할 경우 script가 html의 가장 하단에 오거나 해야합니다. setTimeout은 해당 부분을 신경쓰지 않아도 작동합니다. 다만 나중에 말한 스크립트는 콘텐츠가 다 출력된 후 (html이 로드된 후) 동작하는 스크립트로 본문 내에 A, B 둘다 말씀하셔서 두개 다 알려드린것이니 제대로 이해하신게 맞습니다.
  좋아요 0
• 웹지기

  2018.03.22 02:04
  @라라펠

  스크립트가 나중에 위치해야 한다는 거군요. 다시 해보겠습니다. 감사합니다.
  좋아요 0
• 웹지기

  2018.03.22 02:10
  @라라펠

  관리자페이지의 하단 스크립트 입력하는 곳에 넣어 가장 나중에 스크립트가 작동하도록 해 봤는데 요소가 먼저 출력되어 버리네요..
  
  <div id="sky_banner5">
  </div>
  
  <script> setTimeout(function(){jQuery('sky_banner5').fadeIn()}, 19000);</script>
  
  일부러 길게 세팅하고 테스트 해봤습니다.
  좋아요 0
• 라라펠

  2018.03.22 02:11
  @웹지기

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

  class는 .으로 구분합니다.

  좋아요 0
• 웹지기

  2018.03.22 02:13
  @라라펠

  아.. id 넣는 것 부터 틀렸군요. 잘 알겠습니다~
  좋아요 0
• 라라펠

  2018.03.22 02:13
  @웹지기

  하나하나 배워가는 재미 아닐까요~ 다음에 쓸때 기억난다면 성공한거겠지요 :3
  좋아요 0
• 라라펠

  2018.03.22 02:14
  @라라펠

  해당 방식은 css selector 라고 불리우는 element 선택방식입니다. 시간나시면 한번 검색해보세요 나중에 도움 많이 될 겁니더
  좋아요 0
• 웹지기

  2018.03.22 02:15
  @라라펠

  잘되네요~ 도움 감사합니다!!
  좋아요 0