Jquery UI 滑块，设置值错误答案

【问题标题】：Jquery UI slider, setting values bugJquery UI 滑块，设置值错误
【发布时间】：2010-01-22 10:02:20
【问题描述】：

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

但它不起作用:(

【问题讨论】：

标签： javascript jquery jquery-ui slider

【解决方案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);

【讨论】：

未捕获的错误：滑块小部件实例没有此类方法“值”，我在尝试上述解决方案时遇到此错误！ @Reigel

【解决方案2】：

$('#slider-range').slider('option', 'min', 1);

$('#slider-range').slider('option', 'max', 100);

根据发布者对此答案的评论更新：

实际上，您的问题包含一个 naswer :)

http://jqueryui.com/demos/slider/#option-range

$("#slider-range").slider({
    range: true,
    min: 0,
    max: 500,
    values: [75, 300],
});

【讨论】：