範圍滑塊，左值始終小於右值

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，如果：

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