javascript - Jquery UI slider ，设置值错误

Question

我有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>

我已经使用类引用将 slider 添加到这些 div

$(function() {
        $(".slider-range").slider({
            range: true,
            min: 0,
            max: 100,
            slide: function(event, ui) {

            }
        });
});

每个 slider 的范围不同。我想动态添加它

我试过了

$("#slider-range1").slider('option','values',[1, 100]);

但它不起作用:(

Answer 1

你试过吗:

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