~~Title:jQuery Mobile 모바일~~
{{section>language:jquery:jquery_문서_목록#jQuery_문서_목록&nofooter&noeditbtn}}
====== jQueryMobile 포함하기 ======
[[https://jquerymobile.com/download/|jquerymobile 다운로드]]에 가면 최신 버젼의 복붙용 코드 있음.
Page Title
...content goes here...
===== 기본 단일 page 템플릿 =====
메인
헤더
푸터
====== 그리드 grid ======
* [[https://demos.jquerymobile.com/1.4.5/grids/]]
가로 그리드를 넣은 경우, 내부의 아이템을 자동을 판독하는 것은 아니고 개수에 맞게 클래스를 지정해줘야 한다.
아래, 링크형 버튼을 2개 가로 배치한 것.
* **ui-grid-a** : 가로 2개
* **ui-grid-b** : 가로 3개
* **ui-grid-c** : 가로 4개
====== 링크 방식, a 태그의 동작 ======
* ajax로 href에 설정된 페이지 내용을 읽어 온 다음, 화면을 갱신하는 방식으로 처리한다.
* 파일 링크를 걸어둔 경우, 바로 다운로드가 시작되지 않고 주소줄에 표시되기만 한다.
일반 웹 방식으로 지정하기
DOWNLOADdata-ajax="false" 속성을 주면 원래의 웹 방식으로 동작. 파일이면 바로 다운로드를 시작하고 웹페이지의 경우 해당 웹페이지를 읽어오기 시작한다.
참고링크
* [[http://pgm-progger.blogspot.kr/2013/02/jquerymobile_20.html|jQueryMobile 링크방식]]
* [[http://demos.jquerymobile.com/1.2.0/docs/pages/page-links.html|PageLink]]