1

1007-13138の範囲と75のステップのスライダーがあります。ただし、75の範囲外の2つのカスタムステップを追加する必要があります。2013＆8759。これらの2つの値は、スライダーの開始点と終了点を指定するものなので、スライドするときにそれらを選択できるようにしたいと思います。何か提案や助けをいただければ幸いです。スライダーを使用するのは初めてですが、その機能についてはよくわかりません。ありがとうございます。

HTML

<div id="slider" data-start="2013" data-end="8759"></div>
<div id="slider-result"></div>

jQuery

$('#slider').slider({
    value: $('#slider').data('end'),
    min: Math.round($('#slider').data('start') / 2),
    max: Math.round($('#slider').data('end') * 1.5),
    step: 75,
    slide: function (event, ui) {
        $('#slider-result').html(ui.value);
    }
});
$('#slider-result').html($('#slider').slider('option', 'value'));

jsFiddle

4

1 に答える 1

1

ステップを 1 に保ち、変更イベントで、選択した値が 75 の倍数でない場合 (値 % 75 != 0)、リマインダーを値に追加 (または減算..) して、75 の倍数を取得します。 、それを値として設定します。

次に、75 の倍数ではない 2 つの特定の値の例外を追加します。

そしておそらく、スライダーを 2 つの魔法の値に設定するある種のボタン (スライダーの両端に) が必要です。

この機能が必要な理由についての詳細を提供していないため、使いやすさに関して何が最適かを言うのは困難です.

于 2013-02-27T15:01:02.497 に答える