Question

是否可以选择将滑块锁定为预定义值？我的意思是

值：[“7.5”，“15”，“35”，“65”，“99”，“125”，“150”，“199”，“299”，“399”，“499”] ，

现在我想只将“7.5”移动到15,35 ..... 499，

怎么可能？因为当我从“7.5”开始滑块时它会显示我的79,79。我不想要这些值，滑块只移动给定值！你能取悦吗？

    if($('#range_slider_a').length) {
            $("#range_slider_a").ionRangeSlider({
               type: "single",
                step: 10,
               postfix: " $",
               min: 7.5,
               max: 499,
               //from: 7.5,
               hasGrid: true,
            values: ["7.5", "15", "35", "65", "99", "125", "150", "199", "299", "399", "499"], 
              onChange: function(obj) {
                var current_price =     $('#range_slider_a').prop("value");
                $('#contact_limit').empty().append(''+current_price);
                $('#contact_price').empty().append(''+current_price);
                //alert(current_price);

             },
            });



        }

Answer 1

也许您正在使用旧版本的Ion.RangeSlider。在此处查看新版本：https://github.com/IonDen/ion.rangeSlider

尝试此示例以正确的方式设置滑块：http://jsfiddle.net/IonDen/9mp499ak/

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

$range.ionRangeSlider({
    type: "single",
    postfix: " $",
    grid: true,
    values: ["7.5", "15", "35", "65", "99", "125", "150", "199", "299", "399", "499"]
});

Answer 2

您必须将from更改为0 在您的情况下from是values数组的索引，因此如果要从7.5开始滑块，则必须为from属性设置0。

ion.rangeSlider将滑块锁定为预定义值

2 个答案: