본문 바로가기
프로그램/jQuery Mobile

09. jQuery Mobile 컨텐트

by 로드러너 2013. 12. 6.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

Index

07. jQuery Mobile 에서 페이지 트랜지션

08. jQuery Mobile 페이지(data-role="page")

09. jQuery Mobile 컨텐트

10. jQuery Mobile 툴바(헤더바)

11. jQuery Mobile 툴바(푸터바)

 

 

jQuery Mobile 에서 컨텐트는 <div data-role="content"></div> 로 정의 된다. 컨텐트에는 데이터 및 jQuery Mobile 의 UI요소들이 배치된다.

 

<div id="index" data-role="page">

    <div data-role="header"></div>

    <div data-role="content">

        //jQuery Mobile 의 UI 요소들이 배치된다.

    </div>

    <div data-role="footer"></div>

</div>

 

 

컨텐트 정의시에 사용할수 있는 data-* 속성은 다음과 같다.

data-* 속성

설명

data-theme

컨텐트 테마

 swatch letter(a-z)

 

 

관련글

jQuery Mobile 페이지(data-role="page")