jQuery Mobile


jQuery Mobile

jQuery MobilejQueryjQuery UI를 바탕으로 대부분의 모바일 장치에서 일관된 UI의 모바일 웹페이지를 제작할 수 있도록 하는 가벼운 자바스크립트 라이브러리이다. jQuery Mobile을 사용하는 웹 페이지가 반드시 HTML5일 필요는 없지만, 대부분의 모바일 브라우저가 HTML5를 지원하므로 이 문서에서는 HTML5의 요소들을 적절히 활용하기로 한다.

각각의 라이브러리에 대한 공식 사이트 주소는 다음과 같다.

테마 롤러를 사용해서 사용자 정의 테마를 만들 수도 있다.


차례

하위 페이지 목록

1. 페이지
       1.9.1. 컨텐트 영역과 관련된 속성

2. 툴바
    2.1. 헤더 바
        2.1.1. 헤더의 속성
    2.2. 푸터 바
        2.2.1. 푸터의 속성
    2.3. 탐색 바
    2.4. 표시 위치를 지정하자.

3. 버튼

    3.1. 버튼에 아이콘을 추가하자.
    3.2. 아이콘의 표시 위치를 바꿔보자.
    3.3. 입 맛에 맞는 아이콘이 없다면...
    3.4. 넓다란 버튼이 싫다면...
    3.5. 버튼을 묶어서 표시하자.
        3.5.1 버튼 그룹의 속성들 
    3.6. 버튼에 테마 적용하기
        3.6.1. 버튼의 속성들 

4. 레이아웃
    4.1. 화면 폭을 나눠서 쓰자. : 컬럼 그리드
    4.2. 접었다 폈다 하기
        4.2.1. 폴딩 관련 속성
    4.3. 접었다 폈다 하기를 묶어서 : 아코디언
        4.3.1. 아코디언 관련 속성

5. 입력폼
        5.0.1. 필드 컨테이너 관련 속성
    5.1. 텍스트 입력
    5.2. 텍스트 상자
        5.2.1. 텍스트 상자 관련 속성
    5.3. 검색
    5.4. 슬라이더
        5.4.1. 슬라이더 관련 속성
    5.5. 온/오프 스위치
        5.5.1. 스위치 관련 속성
    5.6. 라디오 버튼
        5.6.1. 라디오 버튼과 관련된 속성들
    5.7. 체크박스
        5.7.1. 체크박스의 속성들
    5.8. 선택 옵션
        5.8.1. 선택 옵션 관련 속성
        5.8.2. 선택 그룹 관련 속성

6. 리스트뷰
    6.1. 리스트를 만들자.
    6.2. 페이지 안에 삽입된 리스트
    6.3. 하나의 리스트 안에 두개의 링크
    6.4. 리스트 항목을 구분해서 표시해주기
    6.5. 리스트 항목 검색 상자를 추가해 보자.
    6.6. 이제, 리스트를 꾸며보자.
        6.6.1. 리스트뷰 관련 속성
        6.6.2. 리스트 항목 관련 속성


Comments