jQuery-UI滑块向上按钮

时间:2010-11-18 09:31:43

标签: javascript jquery-ui slider

没有找到为垂直滑块创建向上和向下按钮的方法,使其外观像标准滚动条一样。

解决方案是否适合?或者还有其他方法吗?

function scroll(step)
{

    if (step > 0)
    {
        if ($("#slider").slider('value') <= (100 - step))
        {
            $("#slider").slider('value', $("#slider").slider('value') + step);
        }
    }
    else
    {
        if ($("#slider").slider('value') >= Math.abs(step))
        {
            $("#slider").slider('value', $("#slider").slider('value') + step);
        }       
    }


    return false;   
}

1 个答案:

答案 0 :(得分:1)

你有什么作品......但是如果你担心范围限制slider already does this internally,那么你可以这样做:

function scroll(step) {
  var s = $("#slider");
  s.slider('value', s.slider('value') + step);
  return false;   
}

另请注意,即使设置,该值也会返回(上限值),因此您可以执行以下操作:

function scroll(step) {
  var s = $("#slider");
  var newValue = s.slider('value', s.slider('value') + step);
  alert("The new value is: " + newValue);
  return false;   
}

例如,如果范围为0-100并且您位于90,则10 或更多的步骤将始终生成{{ 1 {} newValue