jQuery-UI滑塊上下按鈕

Question

找不到為垂直滑塊創建上下按鈕的方法，以使其外觀像標准滾動條一樣。

下面的解決方案合適嗎？ 還是還有其他方法？

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;   
}

Answer 1

您當然可以使用的方法...但是如果您擔心范圍上限，則Slider已經在內部進行了此操作 ，因此您可以執行以下操作：

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 或更大的步長總是會導致newValue為100 。