09. jQuery Mobile 컨텐트

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")