Jquery UI Slider递增和递减

时间:2014-11-25 02:47:52

标签: jquery user-interface uislider

enter image description here

我有一个滑块,它有4个处理程序,每个处理程序都有自己的弹出窗口,有减量和增量, 如何在点击减号( - )和加号(+)按钮的同时移动滑块。

请帮助..

1 个答案:

答案 0 :(得分:0)

根据documentation

您可以将值设置为

$( ".selector" ).slider( "option", "value", 10 );

var slider = $( "#slider" ).slider();

slider.slider('value',10);

使用您的逻辑递增或递减值

<强>更新

检查this更新的小提琴

我已经改变了一点逻辑

$(document).ready(function(){
    var i = parseInt(160);  
    var values = [140, 160, 180, 200];
    var vitalslider = slider(values);

    $('#increment').on('click', function(){
        i++;
        values[1] = i;
        vitalslider.limitslider('destroy');
        vitalslider = slider(values);
    });
    $('#decrement').on('click', function(){
        i--;
        values[1] = i;
        vitalslider.limitslider('destroy');
        vitalslider = slider(values);
    });

    function slider(values){
        return  $('#basic').limitslider({
                    values: values,
                    value:'',
                    min: 140,
                    max: 200,
                    limitCls:'vital_limit',
                    showRanges: true,
                    left: 100,
                    label: true,
                    ranges: [false, true, true, true]
                });
    }
});