Jquery UI Slider递增和递减

Question

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

请帮助..

Answer 1

根据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]
                });
    }
});