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 already does this internally 걱정하는 경우 :

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

또한주의 심지어 으로 설정하면 값 (capped 값)이 반환되므로 다음과 같이 할 수 있습니다.

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이상의하는 단계는 항상 100의 newValue 될 것입니다.