Jquery UI滑块,设置值bug

时间:2010-01-22 10:02:20

标签: javascript jquery jquery-ui slider

我有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]);

但它不起作用:(

2 个答案:

答案 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],
});