2010-11-18 33 views
0

沒有找到爲垂直滑塊創建向上和向下按鈕的方式,使其外觀像標準滾動條一樣。jQuery-UI向上滑動按鈕

下面的解決方案是否合適?或者還有其他方法嗎?

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

你有什麼肯定的作品...但如果你擔心的範圍內封蓋,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和你在9010以上一步總是導致100一個newValue