为jQuery UI滑块设置最小值的限制 [英] Set a limit for minimum value for jQuery UI slider

问题描述

我有一个滑块，范围从0到80.我想添加一个最小范围，因此用户不能将滑块降到最低范围.例如，我想设置一个20之类的值，并且用户不能将滑块的值设置为低于此值，但是滑块的范围仍为0到80.

I have a slider which is ranged from 0 to 80. I want to add a minimum range, so the users can not slider lower than that. for example I want to set a value like 20, and users can not slider lower than this, but the range of the slider is still from 0 to 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);
    }
});

如果可以的话，请详细指导我.

If you can please guide me by details.

推荐答案

在slide函数中，您可以检查滑块的值以查看其是否在所需范围内.

In the slide function, you can check the value of the slider to see if it's within the range you want.

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

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

This is to keep the minimum at 0, but now allow values below 20, which is what I think Siwa is asking for. If you simply want to make the minimum 20, change min: 0 to min: 20.

这可能有用.

这篇关于为jQuery UI滑块设置最小值的限制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！