Slider problems
Slider problems
Hey there. I currently have two range sliders. I run a check on the
slide event to see the the right handle is greater than right handle
on the second slider. If it is, I return the false to prevent them
from overlapping. This works fine but if I continue to slide my mouse,
the actual value of that handle still increases even though fale is
being returned and the slider is not moving.
Has anybody seen this happen or know how to solve it?
This is my slider code. I loop through select drop downs and create
one slider for each two pairs of select dropdowns.
$('#'+slider_id).slider({
range: true,
max: months_count,
min: 0,
animate:true,
values: [start_value,finish_value],
start:function(event,ui){
current_bubble = ui.handle.offsetParent.id+'-bubble';
prev_slider = getPrevSlider
(ui.handle.offsetParent.id);
next_slider = getNextSlider
(ui.handle.offsetParent.id);
if(next_slider != false){
next_slider_vals = $('#'+next_slider).slider
('values');
}
if(prev_slider != false){
prev_slider_vals = $('#'+prev_slider).slider
('values');
}
},
slide:function(event,ui){
//prevent sliders from overlapping
if(next_slider != false){
if(ui.values[1]>next_slider_vals[1]){
//$('#'+next_slider).slider('values',1,[ui.values
[1]]);
return false;
}
$('#'+next_slider).slider('values',0,[ui.values
[1]]);
}
if(prev_slider != false){
if(ui.values[0]<prev_slider_vals[0]){
//$('#'+prev_slider).slider('values',0,[ui.values
[0]]);
return false;
}
$('#'+prev_slider).slider('values',1,[ui.values
[0]]);
}
},
});
Any help on this at all would be greatly appreciated. i'm losing a lot
of hair over this :s
Thanks.
Grant