为jQuery UI滑块设置最小值限制

Question

我有一个滑块,范围从0到80.我想添加一个最小范围,因此用户不能低于此滑块.例如,我想设置一个类似20的值,用户不能低于此值,但滑块的范围仍然是0到80.

这是我的滑块脚本:

 $("#showslider").keyup(function (e){
 $(".slider").slider("value", $("#showslider").val());
 $("#slider-result").html($("#showslider").val());
$( ".slider" ).slider({
animate: true,
    range: "min",
    value: 50,
     min: 0,
 max: 80,
 step: 1,
slide: function (event, ui) {
$("#slider-result").html(ui.value);
    $("#showslider").val(ui.value);
},
change: function(event, ui) { 
    $('#hidden').attr('value', ui.value);
    }
});

如果可以,请详细说明.

Answer 1

在该slide功能中,您可以检查滑块的值以查看它是否在您想要的范围内.

if (ui.value < 20)  // corrected
    return false;

这是为了将最小值保持在0,但现在允许低于20的值,这是我认为Siwa所要求的.如果您只想制作最低20,请更改min: 0为min: 20.

这可能是有用的.