반응형
Turning an HTML element into a jQuery Mobile slider
지난 글에서 다룬 예제를 Firebug로 보겠습니다. jQuery Mobile 이 변환시킨 코드입니다.
<input>
element 에 data-type="range"
attribute 가 있습니다. 그리고
type
attribute는 "number"입니다. 이것은 slider 전에 있는 input field 와 관계가 있습니다. <div>
element 에는 ui-slider
class 가 있고 그 안에
ui-slider-handle
class 가 포함돼 있는 <a>
link 가 있습니다. 이것은 slider 의 축을 오가는 버튼을 꾸며 줍니다.
반응형
'jQuery Mobile > JQM Tutorial' 카테고리의 다른 글
| slider 생성 관련 예제들.. (0) | 2012.12.15 |
|---|---|
| slider 를 customizing 하기 (0) | 2012.12.15 |
| slider 의 이벤트 관리하기 (0) | 2012.12.15 |
| Slider 에 값을 할당하거나 받아오기 (0) | 2012.12.13 |
| Ajax 로 slider 삽입하기 (0) | 2012.12.11 |
| 다이나믹하게 slider 생성하기 (0) | 2012.12.09 |
| switch 관련 예제들 (0) | 2012.12.08 |
| Switch 커스터마이징 하기 (0) | 2012.12.08 |
| switch 에서 이벤트 관리하기 (0) | 2012.12.05 |
| switch 값 할당하거나 retrieve 하기 (0) | 2012.12.05 |