jquery ui slider stop selecting min- und max-Wert selbe

Question

Ich benutze Jquery UI Slider. Ich bin Schieberegler Formular Datenbank konfigurieren. Alles funktioniert perfekt.

Aber ich möchte min max Wert zu stoppen, um gleich zu sein.

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

Konfiguration Schieber:

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'); 
    } 
}; 

als im Voraus.

Answer 1

Wie pro Ihre Frage verstehe ich, dass Sie aufhören müssen Schieber

überlappende, so dass Sie unter Code verwenden können

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

    }) 

;

oder

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'); 
    } 
};