jQueryのUIスライダー異質

Question

私は3つのステップ値でのjQuery UIのスライダーを実装しようとしている：私は初期値を3に設定したいが、私は「必要

10例えば、1、3、 3 '（およびスライダハンドル）をスライダの中央に配置します。したがって、スライダの半分は1から3になり、残りの半分は3から10になります。

何かのように： 1 ---------- 2 -------- -3-4-5-6-7-8-9-10

私が使用している場合： 1-2-3-4-5-：

$('#mySlider').slider({ 
    min: 1, 
    max: 10, 
    value: 3 
}); 

...私のような何かを得ます6-7-8-9-10、ハンドルは3以上

これを行う方法はありますか？ここで

$('#mySlider').slider({ 
    min: 1, 
    max: 10, 
    value: 3, 
    heterogeneity: [1/3 | 3/10] // maybe like this? 
}); 

Answer 1

が可能なソリューションです：

var steps = [1, 1, 1, 1, 
      2, 2, 2, 2, 
      3, 4, 5, 6, 
      7, 8, 9, 10]; 

$("#slider").slider({ 
    min: 1, 
    max: steps.length - 1, 
    value: 8, // actual value in steps array 
    slide: function(event, ui) { 
     $("#value").text(steps[ui.value]); 
    } 
}); 

jsfiddle