我有3个div
<div id="slider-range1" class="slider-range"></div>
<div id="slider-range2" class="slider-range"></div>
<div id="slider-range3" class="slider-range"></div>
我已使用类引用
将滑块添加到这些div中$(function() {
$(".slider-range").slider({
range: true,
min: 0,
max: 100,
slide: function(event, ui) {
}
});
});
每个滑块的范围是不同的。我想动态添加
我试过
$("#slider-range1").slider('option','values',[1, 100]);
但它不起作用:(
答案 0 :(得分:5)
你试过了吗?
$('selector').slider( 'values' , index , value ); // index would be the square in the slider
在你的例子中你可以:
$("#slider-range1").slider('values', 0, 50);
$("#slider-range1").slider('values', 1, 100);
答案 1 :(得分:1)
$('#slider-range').slider('option', 'min', 1);
$('#slider-range').slider('option', 'max', 100);
根据海报对此答案的评论进行了更新:
实际上,您的问题包含一个问题:)
http://jqueryui.com/demos/slider/#option-range
$("#slider-range").slider({
range: true,
min: 0,
max: 500,
values: [75, 300],
});