0

I'm using bootstrap-slider (http://www.eyecon.ro/bootstrap-slider/) with vertical orientation. When I move slider up, it decrease value, but it should increase it. Is it a bug or I missed some setting?

<input type="text" class="sliderMaster slider-horizontal" id="sl1" name="q12" value="" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="50" data-slider-orientation="vertical" data-slider-selection="none" data-slider-tooltip="show">

JSFiddle

4

2 回答 2

0

我不认为这是一个错误，或者有一些设置可以轻松做到这一点。但是，到目前为止，我找到了两种方法来实现这种行为。

首先是将滑块欺骗到最大值 0 和最小值 100 fiddle，但是初始值不起作用，我不知道如何让它再次工作。

JS

$(function(){    
    $('#sl1').slider({
        max: 0.0,
          formater: function(value) {
            return 'Current value: '+value;
          }
    });
});

另一种是不显示实际值，而是最大值减去实际值fiddle。
亲：初始值再次起作用，
相反：每次检索滑块的值时都必须记住这一点。

JS

$(function(){    
    $('#sl1').slider({
          formater: function(value) {
            return 'Current value: '+(this.max -value);
          }
    });
});
于 2013-11-13T10:20:04.383 回答
-1

答案很简单：将“reversed”选项设置为true，向上移动滑块值会增加。

$('#sl1').slider({
      formatter: function(value) {
        return 'Current value: '+value;
      },
      reversed: true
});

请注意，您需要升级库的版本才能将“反转”纳入考虑范围。

请参阅更新的小提琴以使用当前 github 版本进行演示：http: //jsfiddle.net/Lp9HL/

于 2014-07-02T06:59:33.883 回答