0

垂直方向のブートストラップ スライダー ( 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

4

2 に答える 2

0

これはバグではないと思いますし、簡単に行うための設定もあると思います。しかし、これまでのところ、そのような動作を実現するための 2 つの方法を見つけました。

最初は、スライダーを最大値 0 と最小値 100 fiddleにだますことですが、初期値が機能せず、再び機能させる方法がわかりません。

JS

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

もう 1 つは、実際の値を表示するのではなく、最大値から実際の値を引いた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 に答える