范围滑块，左值总是小于右值

【问题标题】：Range slider, left value always less than right value范围滑块，左值总是小于右值
【发布时间】：2012-10-30 18:29:30
【问题描述】：

我有范围滑块。我需要左值总是小于右值。例如，如果我的值 = [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/

【问题讨论】：

标签： jquery jquery-ui jquery-slider

【解决方案1】：

动态比较您的当前值并在以下情况下返回 false：

jsFiddle

$(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;
            }
        }
    });
});

【讨论】：