채택완료

해시태그 스타일 문의합니다

2017-10-15 (일) 22:33:59 2,576

21bc3edd0eebb471fdd26488c22736ee_1508074156_9365.png

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

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

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

21bc3edd0eebb471fdd26488c22736ee_1508074191_89.png

21bc3edd0eebb471fdd26488c22736ee_1508074296_2985.png

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

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

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

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

스타일 문제가 아니라 

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

시간이 늦어지는 것이고

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

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


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

처럼

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

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

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

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

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

답변에 대한 댓글 2개

네 뷰페이지 하단에 저 코드가 있습니다
근데 css암만 수정해봐도 다시 해봤지만
잘 안되네요 -.-
지금 저상태에서는 css 암만 수정해봤자 의미가 없다는 말입니다.
JavaScript 를 이용해 동적으로 가공하는 부분을 없애야 한다는 말입니다.
2017-10-15 (일) 23:24:31

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

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