在多句柄jqueryUI滑块中恢复句柄值

Question

我有一个多手柄jqueryui滑块，范围为-30到50，最初所有手柄都设置为零。我希望如果用户将任何句柄滑动到零以下，那么它会自动设置为零。

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 to zero.
        };
    }
});

}）;

小提琴：http://jsfiddle.net/trivender/6NftK/20/

Answer 1

检查这个小提琴JSFIddle

$(function () {
$("#mySlider").slider({
    min: -30,
    max: 50,
    animate: true,
    values: [0, 0, 0],
    slide: function (event, ui) {
        $(ui.handle).text(ui.value);

    },
    stop: function (event, ui) {
        for(var i =0; i <= ui.values.length;i++)    
        {
             if(ui.values[i] < 0)
             {
               $("#mySlider").slider("values", i, 0);

             }
        }
    }
});

}）;