2012-12-14 8 views
0

처음 몇 번호는

http://jsfiddle.net/yZcPG/1/

지침은 바이올린에 여기를 볼 수 생략되고있다.

기본적으로 ui 슬라이더를 사용할 때 첫 번째 값 집합은 건너 뜁니다. 예를 들어, 슬라이더 핸들이 0에서 시작하여 1로 이동하려고하면 슬라이더 핸들이 13로 건너 뜁니다 (바이올린의 경우처럼). 이 후에 슬라이더 핸들이 정상적으로 작동합니다 (더 이상 건너 뛰지 않음).

유일한 점은 슬라이더와 슬라이더 핸들의 너비를 변경하면 건너 뛰는 숫자가 변경된다는 것입니다. 특히, 슬라이더를 크게 만들고 슬라이더 손잡이를 작게하십시오. 그러나 슬라이더가 작아야하고 슬라이더 핸들에 약간의 유연성이 있지만 너무 작 으면 그 내부 값이 추해 보입니다

잘못된 것이 있습니까? 해결 방법이 있습니까?

Thanks

답변

2

#ageInput > .ui-slider-handle 규칙의 CSS입니다. 너비를 제거하고 대신 패딩을 사용하십시오.

는 해결 방법이 jsFiddle example

#ageInput > .ui-slider-handle { 
    text-decoration: none; 
    padding: 0 30px; 
    text-align: center; 
}​ 
+0

들으을 참조하십시오. 나는 너비가 원래의 문제를 일으키는 이유를 이해한다고 생각하지 않습니까? –

+0

jQuery UI 소스 코드를 확인해야합니다. 나는 그들이 너비를 사용하여 위치에 대한 계산을하고 그것을 스스로 변경하는 것을 추측하고 있습니다. – j08691

관련 문제