반응형
Turning an HTML element into a jQuery Mobile toolbar
jQuery Mobile 에 의해 변환된 이전 글 예제의 HTML 코드입니다.
header toolbar 에는 ui-bar-a
and ui-header
CSS classes 들이 있습니다. 그리고 footer toolbar에는 ui-bar-a
and ui-footer
classes 들이 있습니다.
<h1>
element는 각 아이템들 마다 들어있고 text를 가운데로 보내는 ui-title
class 가 있습니다. ui-bar-a
class는 디폴트 theme 과 연결 돼 있습니다.(여기서는 a theme)
이 툴바들 중 하나에 data-theme attribute를 설정한다면 ui-bar-a class는 해당되는 클래스로 replace 될 겁니다.(eg ui-bar-e for the "e" theme)
반응형
'jQuery Mobile > JQM Tutorial' 카테고리의 다른 글
| 툴바 만드는 예제들 (0) | 2012.12.28 |
|---|---|
| 툴바 customize 하기 (0) | 2012.12.27 |
| 툴바에서 이벤트 다루기 (2) | 2012.12.27 |
| Ajax 로 navigation bar 삽입하기 (0) | 2012.12.26 |
| Ajax로 툴바 insert 하기 (0) | 2012.12.25 |
| 다이나믹하게 툴바 생성하기 (0) | 2012.12.25 |
| accordion menu 생성 예제들 (0) | 2012.12.23 |
| accordion menu Customizing 하기 (0) | 2012.12.22 |
| accordion menu 가 열려 있는지 닫혀 있는지 알아내기 (0) | 2012.12.20 |
| accordion menu 열고 닫는 것 구현하기 (0) | 2012.12.20 |