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

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

카테고리


반응형
Turning an HTML element into a jQuery Mobile switch



이전 글에 있는 예제의 소스코드를 볼까요. Firebug로 보시면 jQuery Mobile이 그 소스코드를 어떻게 변환했는지 보실 수 있습니다.






<select> element는 항상 있습니다. 하지만 ui-slider CSS class가 있는
<div> element는 jQuery Mobile에 의해 생성됩니다.

그렇게 함으로서 <select> selection list가 다른 모습으로 보일 수 있도록 바뀌는 겁니다. 이 리스트는 이제 ui-slider-switch class를 가지고 있는 것을 보실 수 있을 겁니다. 이것은 <select> element를 숨길수 있도록 해 줍니다. (display property가 "none"으로 세팅되도록 정의된 CSS class)



반응형