Jquery UI Slider增量和减量(Jquery UI Slider Increment and decrement)

Jquery UI Slider增量和减量(Jquery UI Slider Increment and decrement)

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

请帮忙..

I have a slider which has 4 handler, each handler has their own popup with decrements and increments, how can i move the sliders while clicking on minus(-) and plus(+) button.

Please help..

最满意答案

根据文件

您可以设置值

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

要么

var slider = $( "#slider" ).slider(); slider.slider('value',10);

使用逻辑递增或递减值

UPDATE

检查这个更新的小提琴

我已经改变了一点逻辑

$(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] }); } });

according to documentation

You can set the value like

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

or

var slider = $( "#slider" ).slider(); slider.slider('value',10);

Use your logic to increment or decrement the value

UPDATE

Check this updated fiddle

I have changed the logic a little bit

$(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] }); } });