반응형
블로그 이미지
개발자로서 현장에서 일하면서 새로 접하는 기술들이나 알게된 정보 등을 정리하기 위한 블로그입니다. 운 좋게 미국에서 큰 회사들의 프로젝트에서 컬설턴트로 일하고 있어서 새로운 기술들을 접할 기회가 많이 있습니다. 미국의 IT 프로젝트에서 사용되는 툴들에 대해 많은 분들과 정보를 공유하고 싶습니다.
솔웅

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

카테고리


반응형
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)


반응형