Javascript 有没有办法让jQuery UI滑块从顶部的0开始,而不是从底部开始?
看看这个jQueryUI滑块 请注意,当控制柄位于底部时,值是0 有没有办法扭转这种情况,所以顶部的手柄是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
我已经使用了一些选项,但到目前为止还无法使其发挥作用。不要反转,采取简单的方法:)只需从最大值中减去该值,例如:
$("#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);
}