jQuery-Mobile data-*속성,data-role값
| data-*속성 | ||
| data-role | 페이지에서 해당 ui가 지닌 역할을 명시. | page,list,brn등 |
| data-theme | ui의 테마 지정 | a~e |
| data-divider theme | 리스트의 divider 테마 지정 | a~e |
| data-count-theme | 리스트의 count 테마 지정 | a~e |
| data-split-theme | split btn 리스트의 버튼 테마 지정 | a~e |
| data-track-theme | 슬라이더의 트랙 테마 지정 | a~e |
| data-fullscreen | 콘테츠 영역을 풀 스크린 모드로 전환 | true,false |
| data-position | 컨트롤의 위치 고정여부 지정 | inline,fixed |
| data-transition | 화면전환 애니메이션 효과 지정 | slide,flip,pop |
| data-icon | 컨트롤의 아이콘 지정 | 지정아이콘 18 |
| data-spliticon | split btn리스트의 버튼 아이콘 지정 | 지정아이콘 18 |
| data-backbtn | back버튼의 자동생성 여부 결정 | true,false |
| data-inline | 버튼의 크기를 텍스트에 맞춰 줄임 | true,false |
| data-type | 컨트롤 그룹의 정렬 방향을 결정 | vertical,horizontal |
| data-inset | 리스트를 화면에 삽입된 형태로 배치 | true,false |
| data-filter | 리스트의 검색기능 활성화 | true,false |
| data-collapsed | collapsible 블럭의 펼침 여부 | true,false |
| data-role값 | ||
| page | 페이지 영역 정의 | <div> |
| header | 헤더 바 영역 정의 | <div> |
| content | 콘텐츠 영역 정의 | <div> |
| footer | footer bar영역 정의 | <div> |
| navbar | 네비게이션바 영역 정의 | <div> |
| button | button 컨트롤 | <a> |
| listview | 리스트 컨트롤 | <ul><ol> |
| fieldcontain | 폼 양식 간 필드 구분영역 정의 | <div><fieldset> |
| controlgroup | 컨트롤 그룹 영역 정의 | <div><fieldset> |
| list-divider | 리스트 디바이더 정의 | <li> |
| silder | 플립토글 컨트롤 | <select> |
| collapsible | collapsible블럭정의 | <div> |
| collapsible-set | collapsible블럭 그룹 정의 | div> |