jquery - 设置 jQuery UI slider 最小值的限制

Question

我有一个范围从 0 到 80 的 slider 。我想添加一个最小范围，因此用户不能将 slider 设置为低于该范围。例如我想设置一个像20这样的值，并且用户不能 slider 低于这个值，但是 slider 的范围仍然是从0到80。

这是我的 slider 脚本:

 $("#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函数中，您可以检查 slider 的值是否在您想要的范围内。

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

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

This可能会有用。