2012-12-14 46 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

THX的解決方法。我不認爲你明白爲什麼使用寬度會導致原始問題? –

+0

我不得不挖掘jQuery UI源代碼來確定。我猜測他們使用寬度來計算位置,並且自己改變它會拋出它。 – j08691