2011-12-15 105 views
0

我使用jQuery ui slider,設置如下:jQuery滑塊:顯示10的倍數值?

$("#unicornSlider").slider({ 
    range: true, 
    min: 0, 
    max: 500, 
    values: [0, 500] 
    }); 

它工作得很好,但幅度被默認設置爲每自然數 - 所以滑動時,我得到的值,如61-403。

任何人都知道如何設置它,以便在10的倍數值增加,說什麼?所以值如60-400?這對於價格滑塊會更好。

謝謝。

回答

0

使用step屬性:

http://jqueryui.com/demos/slider/#option-step

$("#unicornSlider").slider({ 
    range: true, 
    min: 0, 
    max: 500, 
    step: 10, 
    values: [0, 500] 
}); 
+0

我可以給不同範圍不同的動作呢?例如10代表[0-200]和100代表[201 - 500]?在一個單一的滑塊? – 2012-09-20 06:55:43

1

這聽起來像你正在尋找步驟選項:

$("#unicornSlider").slider({ 
    range: true, 
    min: 0, 
    max: 500, 
    values: [0, 500], 
    step: 10 
    });