테스트 사이트 - 개발 중인 베타 버전입니다

해시태그 스타일 문의합니다 채택완료

giftst 8년 전 조회 2,453

해시태그가 새로고침할때마다 

그러니까 페이지에 접속할때마다 해시태그만 유난히 박스가 없다가 생기는게 보일정도로

늦게 불러옵니다 물론 컴은 티가 안나지만 모바일에서는 티가 나서요 

코드를 봐도 패딩, 마진, 이리저리 수정해봤지만 늦게 불러오는건 똑같은데 도저히 이해가 안가서요 

무엇을 바꿔야될지 도움좀 부탁드립니다 

http://dev.golrazo.com/gnu/bbs/board.php?bo_table=test&wr_id=1442" target="_self">http://dev.golrazo.com/gnu/bbs/board.php?bo_table=test&wr_id=1442 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
8년 전

스타일 문제가 아니라 

동적으로 페이지를 가공하다보니 

시간이 늦어지는 것이고

데스크탑에 비해 성능이 낮은 모바일에서는

그런 현상이 더 두드러지는것 뿐입니다.

</span></p><p>$( document ).ready(function() {</p><p><span style="white-space:pre">	</span>var tagl = $("span#tagl");</p><p><span style="white-space:pre">	</span>var tagl_text = tagl.text();</p><p>
</p><p><span style="white-space:pre">	</span>var tarr = new Array();</p><p><span style="white-space:pre">	</span>tarr = tagl_text.split(",")</p><p><span style="white-space:pre">	</span>var tcnt = tarr.length;</p><p>
</p><p><span style="white-space:pre">	</span>var thtml = '';</p><p><span style="white-space:pre">	</span>for(var i = 0;i<tcnt;i++){</p><p><span style="white-space:pre">		</span>thtml += '<a href="./board.php?bo_table=test&sca=&sop=and&sfl=wr_1&stx='+tarr[i]+'">'+tarr[i]+'</a>';</p><p><span style="white-space:pre">	</span>}</p><p><span style="white-space:pre">	</span>tagl.html(thtml);</p><p><span style="white-space:pre">	</span></p><p>});</p><p><span style="font-size: 11pt;">

처럼

DOMContentLoaded 이벤트 핸들러로 파싱하고 재가공 하는

시간의 지연으로 인해 발생하는 현상이며,

컨텐츠 내에 표현하기 위해 로딩이 큰 영상, 이미지 등이 포함되어 있다면

해당 현상은 더욱 두드러지게 됩니다.

저런 부분은 충분히 ServerSideScript 나 CSS 만으로 처리할 수 있습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

g
giftst
8년 전
네 뷰페이지 하단에 저 코드가 있습니다
근데 css암만 수정해봐도 다시 해봤지만
잘 안되네요 -.-
배르만
8년 전
지금 저상태에서는 css 암만 수정해봤자 의미가 없다는 말입니다.
JavaScript 를 이용해 동적으로 가공하는 부분을 없애야 한다는 말입니다.

댓글을 작성하려면 로그인이 필요합니다.

css 부분에 !important (최우선) 해보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인