ui.slider multiple sliders with handles option
Hi
Having trouble getting multiple sliders with custom min max values
working and not 100% sure I have the syntax right on the 'handles'
option. (couldn't find any examples of it's use)
$('#slider-beds').slider({
handles:
[{start:bedMinMinVal,min:bedMinMinVal,max:bedMinMaxVal,id:'bed-
slider-1'},
{start:bedMaxMaxVal,min:bedMaxMinVal,max:bedMaxMaxVal,id:'bed-
slider-2'}],
range: true,
steps: bedStepsCount,
slide: function(e,ui) {
$("#bed-val-min").html($('#slider-beds').slider('value',0));
$("#bed-val-max").html($('#slider-beds').slider('value',1));
},
change: function(e,ui) {
$("select#bed-min").val($('#slider-beds').slider('value',0));
$("select#bed-max").val($('#slider-beds').slider('value',1));
}
});
<div id="slider-beds" class="ui-slider">
<div class="ui-slider-handle" id="bed-slider-1"></div>
<div class="ui-slider-handle" style="left:247px" id="bed-
slider-2"></div>
</div>
This causes the both handles to lock up (or at least the second one
to, making the first trapped!). Of interest slide callback still works
(fires a lot!)
Thanks for any help, Will