2011-05-08 4 views
0

휴대 기기 용 웹 페이지를 디자인하고 있습니다. 나는 jquery가 굉장하다는 것을 알고 있지만 그것을 사용하고 싶지 않다. 이 http://jquerymobile.com/demos/1.0a4.1/과 같은 부드러운 페이지 전환을 원하지만 jquery를 사용하지 않고 싶습니다. 어떻게하면 될까요? 페이지 전환 사이에 호출되는 웹 서비스가 있으므로 지연이 발생할 수 있습니다. 나는 그것이 가능한 한 매끄럽기를 원합니다.jquery를 사용하지 않고 CSS3이 적용된 HTML5에서 페이지를 부드럽게 변환

답변

1

얼굴 : JavaScript를 사용해야하므로 프레임 워크 나 기타를 사용하지 않으면 매우 지루합니다. 페이지 이동을 원활하게 수행하려면 두 가지 옵션이 있습니다.

1) 사이트를 단일 페이지로 실행하십시오. 그것이 귀하가 링크하는 사이트에서 사용되는 것입니다. 모든 것은 페이지 전환이 없습니다. AJAH를 사용하여 콘텐츠를 애니메이션으로 만들고 동적으로로드하는 데 사용되는 일부 클릭 이벤트가 포함 된 하나의 페이지입니다.

2) 로컬 저장소를 사용하지만 다중 페이지 사이트를 실행하십시오. 소수의 페이지를 보유하고이를 위해 필요한 자원을 캐시합니다. JavaScript는 페이지가로드 될 때 즉시 실행되고 AJAX가 일반 내용을로드하고 표시하는 동안 좋은로드 스크린을 그립니다.

개인적으로 나는 개인적으로 페이지 전환에 신경을 쓰지 않을 것입니다. 그것은 단지 웹 사이트가 작동하는 방법입니다. 이 자바 스크립트를 모두 작성하기 전에는 jQuery에서 원하지 않을 것이기 때문에 jQuery를 사용하지 마십시오. 모바일 사이트의 경우에도 라이브러리의 크기는 거의 작습니다 (CDN 캐시 된 사본을 사용할 수 있음).

관련 문제