Jquery Mobile 태그 속성들

div태그
data-role="page/header/content/footer/dialog"

a태그
data-rel="dialog"(팝업창형식으로 열기)
data-transition ="slide(왼쪽으로)/slieup/slidedown/pop/fade/flip(좌우회전:안드로이드X)"
data-transition = "none"
data-direction = "reverse"(역방향 애니메이션)

ul태그
data-role="listview/list-divider(제목)"
data-thema=""
data-inset="true"(둥근입체리스트)
//분할아이콘
data-split-icon="gear"
data-split-thema="a/b/c/d"

//제목요소 표시
li태그
data-role="list-divider" > ul에 data-dividertheme="테마이름"

//카운트 버블
span태그
class="ui-li-count" > ul에 ata-count-theme="테마이름"

//이미지표시 : 80*80 default
img class="ui-li-icon" (16*16)
16*16 이상인 경우..
style="max-width:16px; max-height:16px;"

//리스트상단 검색창 추가
ul > data-filter="true" data-filter-placeholder="검색어"

<ul data-role="listview" data-inset="true" data-theme="c">
    <li data-role="list-divider">Menu</li>
    <li><a href="#page">
     <h3>jQuery Mobile는?</h3>
     <p>jQuery Mobile에 대해 설명합니다.</p>
    </a></li>
    <li><a href="#page">
     <h3>jQuery Mobile 기본</h3>
     <p>jQuery Mobile 사용법을 설명합니다.</p>
    </a></li>
    <li><a href="#page">
     <h3>jQuery Mobile 예제</h3>
     <p>jQuery Mobile을 이용한 예제를 소개합니다.</p>
    </a></li>
   </ul>
  </div>


a태그
href="#index"
data-icon="arrow-l/arrow-r"
data-direction="reverse(대칭)"

<a href="#index" data-icon="arrow-l" data-direction="reverse"