revert handle value in multi handle jqueryUI slider
I have a multi handle jqueryui slider having range -30 to 50 , initially all handles set to zero. I want that if user slide any handle below zero then it automatically get set to zero.
jquery:
$(function () {
$("#mySlider").slider({
min: -30,
max: 50,
values: [0, 0, 0],
slide: function (event, ui) {
$(ui.handle).text(ui.value);
},
stop: function (event, ui) {
if (ui.value < 0) {
//here I want to set handle value zero.Can I set it using $(ui.handle) object?
};
}
});
});
Fiddle:http://jsfiddle.net/trivender/6NftK/20/