2010-11-18 37 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