2016-12-19 5 views
0

値:イオンRangeSlider:カスタムの場合にグリッドをカスタマイズするには、私は、次のスライダー設定してい

$("#experience-filter").ionRangeSlider({ 
    values: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, '15+'], 
    grid: true, 
    force_edges: true, 
    step: 5, 
    onFinish: function (data) { 
     $("#experience-filter").parent().find('.check input[type="checkbox"]').prop('checked',true); 
    } 
}); 

を私は、グリッド内のすべての値を持っていないことを好みます。しかし0,5,15 +のようにしてください。これは可能ですか?あなたのケースでは

答えて

0

、別のアプローチをとることにはるかに容易になります

http://jsfiddle.net/IonDen/263cr7g9/

var $range = $(".js-range-slider"); 
var $result = $(".js-result"); 

function transform (n) { 
    if (n > 15) { 
     return "15+"; 
    } 

    return n; 
} 

$range.ionRangeSlider({ 
    type: "single", 
    min: 0, 
    max: 16, 
    grid: true, 
    grid_snap: true, 
    step: 5, 
    prettify: function (n) { 
     return transform(n); 
    } 
}); 
関連する問題