3

スライダーを定義済みの値にロックするオプションはありますか? つまり

値: ["7.5", "15", "35", "65", "99", "125", "150", "199", "299", "399", "499"],

ここで、「7.5」を 15,35.....499 に移動したいだけです。

どのように可能ですか？「7.5」からスライダーを開始すると、43、79が表示されるため、これらの値は必要ありません。スライダーは指定された値のみを移動します! お願いできますか！

    if($('#range_slider_a').length) {
            $("#range_slider_a").ionRangeSlider({
               type: "single",
                step: 10,
               postfix: " $",
               min: 7.5,
               max: 499,
               //from: 7.5,
               hasGrid: true,
            values: ["7.5", "15", "35", "65", "99", "125", "150", "199", "299", "399", "499"], 
              onChange: function(obj) {
                var current_price =     $('#range_slider_a').prop("value");
                $('#contact_limit').empty().append(''+current_price);
                $('#contact_price').empty().append(''+current_price);
                //alert(current_price);

             },
            });



        }
4

2 に答える 2

1

古いバージョンの Ion.RangeSlider を使用している可能性があります。ここで新しいバージョンを確認してください: https://github.com/IonDen/ion.rangeSlider

スライダーを正しい方法で設定するには、次の例を試してください。

var $range = $(".js-range-slider");

$range.ionRangeSlider({
    type: "single",
    postfix: " $",
    grid: true,
    values: ["7.5", "15", "35", "65", "99", "125", "150", "199", "299", "399", "499"]
});
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/css/ion.rangeSlider.min.css" integrity="sha256-nv5vSBJAzPy+07+FvRvhV2UPpH87H/UnWMrA6nbEg7U=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/js/ion.rangeSlider.min.js" integrity="sha256-eXdxIh/sjKTNi5WyC8cKHekwPywORiomyiMFyZsowWw=" crossorigin="anonymous"></script>

<div class="range-slider">
    <input type="text" class="js-range-slider" value="" />
</div>

于 2015-06-01T17:48:18.697 に答える
0

from0に変更する必要があり
ます。あなたの状況fromでは は配列のインデックスvaluesなので、スライダーを 7.5 から開始したい場合は、fromプロパティに 0 を設定する必要があります。

于 2014-11-27T04:38:38.920 に答える