반응형
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)
반응형
'jQuery Mobile > JQM Tutorial' 카테고리의 다른 글
| switch 관련 예제들 (0) | 2012.12.08 |
|---|---|
| Switch 커스터마이징 하기 (0) | 2012.12.08 |
| switch 에서 이벤트 관리하기 (0) | 2012.12.05 |
| switch 값 할당하거나 retrieve 하기 (0) | 2012.12.05 |
| Ajax로 switch 삽입하기 (1) | 2012.12.04 |
| 다이나믹 하게 switch 만들기 (0) | 2012.12.04 |
| Radio 버튼 생성 예제들... (0) | 2012.12.03 |
| radio 버튼 커스터마이징 하기 (0) | 2012.12.02 |
| Radio button 에서 이벤트 관리하기 (0) | 2012.12.01 |
| 기존 리스트에 radio button 추가하기/지우기 (0) | 2012.11.30 |