Javascript 有没有办法让jQuery UI滑块从顶部的0开始,而不是从底部开始?

Javascript 有没有办法让jQuery UI滑块从顶部的0开始,而不是从底部开始?,javascript,jquery,jquery-ui,uislider,Javascript,Jquery,Jquery Ui,Uislider,看看这个jQueryUI滑块 请注意,当控制柄位于底部时,值是0 有没有办法扭转这种情况,所以顶部的手柄是0,底部的手柄是最大范围 我已经使用了一些选项,但到目前为止还无法使其发挥作用。不要反转,采取简单的方法:)只需从最大值中减去该值,例如: $("#slider-vertical").slider({ orientation: "vertical", range: "min", min: 0, max: 100, slide: function(eve

看看这个jQueryUI滑块

请注意,当控制柄位于底部时,值是0

有没有办法扭转这种情况,所以顶部的手柄是0,底部的手柄是最大范围


我已经使用了一些选项,但到目前为止还无法使其发挥作用。

不要反转,采取简单的方法:)只需从最大值中减去该值,例如:

$("#slider-vertical").slider({
    orientation: "vertical",
    range: "min",
    min: 0,
    max: 100,
    slide: function(event, ui) {
        $("#amount").val(100 - ui.value);
    }
});
这就是最大值,有效地反转了它。

$(函数(){
$(“#滑块垂直”)。滑块({
方向:“垂直”,

范围:“max”,//可能,负值的使用会更加优雅:

$('#slider').slider({
    min: -100,
    max: 0,
    value: -50,
    step: 1
});

只要在需要的地方使用绝对值,而不是实际值。

您可以使用css3将其颠倒过来

#slider {
     -moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
}

问题是“填充”仍然是自下而上的。我也想要一个自上而下的版本,填充也是这样。是时候开始破解了…@IainMNorman对我不起作用。绝对值答案对我来说是最可行的。这种方法的问题是如果你想包括其他跳转/设置的按钮特定值。
slide
从不触发,但是
change
是,然后在
change
中修改值有点循环。滑块与数值的位置不同步。直到他们有了解决此问题的新选项,这才是正确的答案。考虑到聪明,我希望我能+2h比公认的答案更简单。谢谢。如果你从零开始,因此需要负值,请使用值*-1而不是数学。ABS我担心这会产生疯狂的副作用,即鼠标输入被反转。你是对的,因此这不是一个选项。不过很有趣;-)这是最有趣的答案!!哈哈
#slider {
     -moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
}