jquery - 範囲スライダー、左の値は常に右の値よりも小さい

Question

レンジスライダーがあります。左の値は常に右の値よりも小さい必要があります。たとえば、値が [3, 4] の場合、スライダーは状態 [3, 3] または [4,4] への移動を無効にする必要があります。

<div id="slider-range" style="width: 200px; margin: 20px auto;"></div>

$(function() {
    $( "#slider-range" ).slider({
        range: true,
        min: 1,
        max: 10,
        values: [ 3, 5],
    });
});

http://jsfiddle.net/bmsWJ/

Answer 1

その場で現在の値を比較し、次の場合は false を返します。

jsフィドル

$(function() {
    $( "#slider-range" ).slider({
        range: true,
        min: 1,
        max: 10,
        values: [ 3, 5 ],
        slide: function(event, ui) {
            if (ui.values[0] >= ui.values[1] ) {
                return false;
            }
        }
    });
});