第几号被跳过

问题描述:

可以看到在这里第几号被跳过

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

指令是在小提琴。

基本上,当使用UI滑块时,第一组值将被跳过。例如,当滑块手柄从0开始,并尝试将其移动到1时,滑块手柄将跳至13(如小提琴的情况)。在此之后,滑块手柄正常工作(不再跳过)。

我唯一发现的是,改变宽度(滑块和滑块手柄)会改变跳过的数字。特别是,使滑块大,滑块手柄小。但是,我需要的滑块很小,并且滑块手柄有一定的灵活性,但如果它太小,它内部的值看起来很难看

我做错了什么?有没有解决办法?

Thanks

是你#ageInput > .ui-slider-handle规则中的CSS。删除宽度并改为使用填充。

看到这个jsFiddle example

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

THX的解决方法。我不认为你明白为什么使用宽度会导致原始问题? –

+0

我不得不挖掘jQuery UI源代码来确定。我猜测他们使用宽度来计算位置,并且自己改变它会抛出它。 – j08691