본문 바로가기

웹앱63

jQuery Mobile - 외부, 내부 page 외부 페이지 링크. jQM은 Ajax 프로세스를 따르며, 기본적으로 페이지 내에 있는 외부 페이지의 링크를 클릭하게 되면 링크 경로에 대한 Ajax 요청을 하며, 로딩시에는 로딩 아이콘이 보여집니다. Ajax 요청이 성공할 경우 새로운 페이지의 content는 DOM에 추가가 되며, 모든 모바일 위젯들이 자동 초기화 되면서 새로운 페이지로 페이지 전환이 애니메이션으로 보여집니다 만약, Ajax 요청이 실패할 경우, 프레임웍은 페이지 흐름이 끊어지지 않도록 작은 오류 메시지를 띄어줄 것입니다. External Link page 링크를 클릭하면 아래 화면으로 갑니다. 페이지 이동시 전환 애니메이션을 볼 수 있습니다. 내부 페이지 링크 하나의 HTML 문서내에 page 속성을 가진 태그가 여러 개가 존재 할 .. 2011. 4. 23.
jQuery Mobile - 기본 page jQuery Mobile 프레임웍은 HTML5의 doctype에서 최적으로 지원 되며, 페이지 구조는 외부의 페이지나 내부의 페이지를 쉽게 지원 할 수 있도록 되어 있습니다. jQuery Mobile을 사용하기 위해서는 html 문서의 head 태그에 아래 3가지 파일을 참조해 주면 됩니다. 1. jQuery 자바스크립트 2. jQuery Mobile 자바스크립트 3. 모바일 테마 css 참조 파일은 직접 홈페이지에서 다운받아서 호스팅 하셔도 되고, 다운로드 : http://jquerymobile.com/download/ CDN 호스팅을 하고 있는 url을 사용하셔도 됩니다. 저는 CDN 방식을 사용해서 html 문서를 만들어 보겠습니다. 2011년 7월에는 beta버젼입니다. link 태그로 css 파.. 2011. 4. 22.
jQuery Mobile 이란? 유명한 자바스크립트 라이브러리인 jQuery로 부터 확장되어, 모바일 환경에 알맞으면서 사용자들이 쉽게 사용할 수 있도록 장점들을 모아 jQuery Mobile 라이브러리가 탄생했습니다. 현재 alpha 4.1 버젼까지 공개되어 있어 그 내용을 공부해 보려합니다. 정식 사이트 링크입니다. http://jquerymobile.com/ 아직 alpha 버젼이고, 브라우저들도 표준 작업이 진행중이라서, 각 브라우저들 마다 동작이나 효과에 조금씩 차이가 생기는 것 같습니다. 가장 안정적인 지원이 되는 브라우저는 사파리와 크롬 브라우저 입니다. 그래서 테스트 할때 이 두가지 브라우저를 주로 사용하겠습니다. 2011. 4. 22.