Twitter bootstrap 垂直方向引导滑块反转值

Twitter bootstrap 垂直方向引导滑块反转值,twitter-bootstrap,Twitter Bootstrap,我正在使用具有垂直方向的引导滑块()。当我向上移动滑块时,它会减小值,但应该会增大值。这是一个错误还是我错过了一些设置 <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-or

我正在使用具有垂直方向的引导滑块()。当我向上移动滑块时,它会减小值,但应该会增大值。这是一个错误还是我错过了一些设置

<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">


我不认为这是一个bug,也不认为有设置可以轻松做到这一点。但是,到目前为止,我发现了两种实现这种行为的方法

首先是将滑块设为最大值0和最小值100,但初始值不起作用,我不知道如何使其再次起作用

JS

另一个不是显示实际值,而是最大值减去实际值
pro:初始值再次起作用,
contra:每次检索滑块的值时都必须记住这一点

JS


答案很简单:将“reversed”选项设置为true,当您向上移动滑块时,该值将增加

$('#sl1').slider({
      formatter: function(value) {
        return 'Current value: '+value;
      },
      reversed: true
});
请注意,您需要升级库的版本,以便将“反向”纳入Account


有关当前github版本的演示,请参见更新的fiddle:

由于初始值,我更喜欢第二种解决方案。您的方法适用于从0开始的范围。在我的例子中,我想设置比例,所以将其设为0是没有意义的。我将最小值设为0.1,最大值设为1.9(将1放在中间),计算实际值,从2中减去滑块的值。
$(function(){    
    $('#sl1').slider({
          formater: function(value) {
            return 'Current value: '+(this.max -value);
          }
    });
});
$('#sl1').slider({
      formatter: function(value) {
        return 'Current value: '+value;
      },
      reversed: true
});