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

前端之家收集整理的这篇文章主要介绍了为jQuery UI滑块设置最小值限制前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个滑块,范围从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);
    }
});

如果可以,请详细说明.

解决方法

在滑动功能中,您可以检查滑块的值以查看它是否在您想要的范围内.
if (ui.value < 20)  // corrected
    return false;

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

This可能有用.

原文链接:https://www.f2er.com/jquery/177037.html

猜你在找的jQuery相关文章