Question

我正在使用垂直方向的bootstrap-slider（http://www.eyecon.ro/bootstrap-slider/）。当我向上移动滑块时，它会降低值，但应该增加它。这是一个错误还是我错过了一些设置？

<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

Answer 1

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

首先是将滑块设置为最大值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);
          }
    });
});

Answer 2

答案非常简单：将“reverse”选项设置为true，当您向上移动滑块时，该值会增加。

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

请注意，您需要升级您的库版本以使其“反转”才能被考虑在内。

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

垂直导向滑块可以反转值

2 个答案: