Первые несколько номеров jquery UI Slider пропускаются

Можно посмотреть здесь

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

Инструкции находятся в скрипке.

По сути, при использовании ползунка пользовательского интерфейса первый набор значений пропускается. Например, когда ручка ползунка начинается с 0, а вы пытаетесь переместить ее на 1, ручка ползунка перескочит на 13 (как в случае со скрипкой). После этого ручка ползунка ведет себя нормально (больше не прыгает).

Единственное, что я обнаружил, это то, что изменение ширины (как ползунка, так и ручки ползунка) изменит количество пропущенных чисел. В частности, сделать слайдер большим, а ручку слайдера маленькой. Однако мне нужно, чтобы ползунок был маленьким, и, хотя ручка ползунка обеспечивает некоторую гибкость, если вы сделаете его слишком маленьким, значения внутри него будут выглядеть некрасиво.

Я делаю что-то неправильно? есть ли обходной путь?

Thanks


jquery-ui jquery-ui-slider
person michael Davies    schedule 14.12.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

CSS в вашем правиле #ageInput > .ui-slider-handle. Удалите ширину и вместо этого используйте отступы.

См. этот пример jsFiddle

#ageInput > .ui-slider-handle {
    text-decoration: none;
    padding: 0 30px;
    text-align: center;
}​
person j08691    schedule 14.12.2012
comment
Спасибо за обходной путь. Я не думаю, что вы понимаете, почему использование ширины вызывает исходную проблему? - person michael Davies; 14.12.2012
comment
Мне пришлось бы копаться в исходном коде пользовательского интерфейса jQuery, чтобы определить это. Я предполагаю, что они используют ширину для расчета позиции, и изменение ее самостоятельно сбрасывает ее. - person j08691; 14.12.2012