jquery ui slider stop选择min和max值相同

Question

我正在使用Jquery UI Slider。 我正在配置数据库的滑块。所有东西都运行得很好。

但是我想停止最小值最大值。

<div id="timeRangeSlider" class="slider"></div>
<div id="priceSlider" class="slider"></div>
<div id="areaSlider" class="slider"></div>

配置滑块：

timeRangeSliderConfig = {
    range: true,
    min: 0,
    max: model.TimeRanges.length - 1,
    values: [findIndex(model.TimeRanges, model.MinTime), findIndex(model.TimeRanges, model.MaxTime)],
    step: 1,
    change: function (event, ui) {
        // Set the real value into the inputs
        $('#fromTime').text(model.TimeRanges[ui.values[0]].Months + 'M');
        $('#toTime').text(model.TimeRanges[ui.values[1]].Months + 'M');
    }
};

比提前。

Answer 1

根据您的问题，我了解您需要停止重叠滑块

以便您可以使用以下代码

//for class lavel for all sliders
$(".slider").slider({
        slide: function(event, ui) {
            if ( (ui.values[0] ) == ui.values[1] ) {
                return false;
            }
        }

    })

或

timeRangeSliderConfig = {
    range: true,
    min: 0,
    max: model.TimeRanges.length - 1,
    values: [findIndex(model.TimeRanges, model.MinTime), findIndex(model.TimeRanges, model.MaxTime)],
    step: 1,
    change: function (event, ui) {
        if ( (ui.values[0] ) == ui.values[1] ) {
                return false;
            }
        // Set the real value into the inputs
        $('#fromTime').text(model.TimeRanges[ui.values[0]].Months + 'M');
        $('#toTime').text(model.TimeRanges[ui.values[1]].Months + 'M');
    }
};