離子RangeSlider：定製網定製的情況下，值

Question

我有以下滑塊設置：

$("#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+。這可能嗎？

Answer 1

在你的情況，這將是更容易嘗試不同的方法：

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); 
    } 
});