"minRange" option for ui slider

[[email protected]…]

It'd be nice to have a "minRange" option added to the ui slider that will enforce a minimum distance between 2 handles of a slider. Like the behavior of the YUI slider here:

​http://developer.yahoo.com/yui/examples/slider/slider_dual_thumb.html

API link (has the minrange option): ​http://developer.yahoo.com/yui/docs/YAHOO.widget.DualSlider.html#property_minRange

I think the minRange option would be specified in terms of steps (e.g. 1 step spacing, 2 step spacing) and/or value (e.g. the 2 handles should always have a minimum range between them of X)

[rdworth]

This is possible (as of 1.7) by using the slide event. Returning false will prevent a slide, so you can compare the values and return false if they are too close. For example:

$("#slider").slider({
  range: true,
  values: [25, 75],
  slide: function(event, ui) { return (ui.values[1] - ui.values[0] > 5); }
});

[Scott González]

Milestone TBD deleted