2012-03-03 2 views
1

정말 이상한 문제가 있습니다. 나는 (wordpress를 운영하는) 사이트를 가지고 있으며 jquery roundabout plugin을 사용한다.javascript - 페이지 새로 고침시 다른 동작

주소창으로 사이트를 방문하면 사이트가 잘 표시됩니다. 이미 사이트에 접속할 때 새로 고침을하면 모든 것이 엉망입니다. 나는 크롬과 파이어 폭스를 모두 체크인했고, 나는 같은 결과를 얻었다. IE에서는 문제가 없습니다. 또한, 나는 부드러운 새로 고침 (F5)을 수행 할 때 문제가 발생합니다 것으로 나타났습니다 그리고 당신은 http://50.112.34.111 눌러하려고 내 테스트 사이트에서 직접 확인하실 수 있습니다

하드 새로 고침 (Ctrl + F5)을 수행 할 때 괜찮아요 주소 표시 줄에 몇 번 입력 - 확인 표시되어야합니다. 새로 고침을 시도하십시오 - 당신은 문제를 보게 될 것입니다 ...

+0

'잘 표시'란 무엇입니까? 두 가지 시나리오는 다음과 같습니다. 오른쪽 상단의 회색 상자와 두 개의 회색 상자가 겹쳐졌습니다. 내 브라우저에서 문제는 새로 고침 유형이 아닌 임의의 것으로 보입니다. – c24w

답변

3

우선 CSS를 넣으려고 할 때마다 (<script.../>)를 CSS에 포함 시키십시오. 그것은 이미 도움이되었을 것입니다. CSS가 JS에 영향을 미칠 수 있기 때문에 JS는로드되기 전에 모든 CSS를 알아야합니다.

+0

그게 효과가! 고마워요. 나는 지금부터 항상 그것을 기억하고 있습니다 .... –

+1

태그 바로 전에 바로 JS를 HTML 끝 부분에 넣는 것이 가장 좋습니다. 예외는 있습니다. 예를 들어 잘 알려진 modernizr.js를 사용하는 경우 파일의 머리 부분에 올 수 있습니다 (모든 CSS 선언이 나올 수 있습니다). 문서의 헤더 부분에 참조 /로드 된 모든 단일 파일은 방문자의 브라우저에서 페이지의 렌더링/표시를 지연합니다 (js 포함을 문서의 끝에 넣는 경우는 그렇지 않습니다). – RSeidelsohn

관련 문제