Setting max/min values on sliders that have a range...
I have a slider set up that is using range:true and stepping - but the
stepping goes past the max set for the slider... In fact the max value
doesn't work regardless of stepping...
I am assuming I have to set a max value explicitly on the handle but
can't figure out how to accomplish that. Here's the code:
#valueBox displays the value of the #working_slider that I want to set
a max value on...
[pre]
$('#slider2').slider({
minValue: 0,
maxValue: 96,
range: true,
stepping: 6,
start: function(e, ui) {
$('#valueBox').fadeIn('fast', function()
{ calloutVisible = true;});
},
stop: function(e, ui) {
if (calloutVisible == false) {
$('#valueBox').fadeIn('fast', function()
{ calloutVisible = true;});
$('#valueBox').css('left', $
('#working_slider').css('left')).text(Math.round(ui.value));
}
$('#valueBox').fadeOut('fast', function()
{ calloutVisible = false; });
},
slide: function(e, ui) {
$('#valueBox').css('left', $
('#working_slider').css('left')).text(Math.round(ui.value));
}
});
[/pre]