jQuery Slider限制，最小值/最大值从0到100

Question

默认的jQuery滑块0到100，我只需要从20％限制到50％。 只有1个句柄（不是2个）

JS：

$('div').slider({
    //range: 'max',
    step: 1,
    min: 20,
    max: 50,
    slide: function(event, ui){
        console.log(ui.value);
    }
});

这是我需要的图片：

Answer 1

您可以在提供为slide属性的函数中测试滑块的当前值。如果该值太低或太高，只需返回false即可中止进程。

var sliderMin = 20,
    sliderMax = 50;

$('#slider').slider({
    step: 1,
    min: 0,
    max: 100,
    value: sliderMin,
    slide: function( event, ui ) {
      var amount = ui.value;
      if (amount < sliderMin || amount > sliderMax) {
        return false;
      } else {
        $("#amount").val(amount);
      }
    }
});

$("#amount").val(sliderMin);

您可以在此jsFiddle中对其进行测试。

Answer 2

range: false应该是你想要的。