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] }); } });更多推荐
发布评论