Jquery UI slider, setting values bug

Question

i have 3 div's

<div id="slider-range1" class="slider-range"></div>
<div id="slider-range2" class="slider-range"></div>
<div id="slider-range3" class="slider-range"></div>

i have added the slider to these div's using class reference

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

            }
        });
});

the ranges of each sliders are different. I want to add that dynamically

I tried

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

but it is not working :(

Reigel Gallarde · Accepted Answer · 2010-01-22 11:52:34Z

5

have you tried:

$('selector').slider( 'values' , index , value ); // index would be the square in the slider

in your example you could:

$("#slider-range1").slider('values', 0, 50);
$("#slider-range1").slider('values', 1, 100);

answered Jan 22, 2010 at 11:52

Reigel Gallarde

65.4k21 gold badges126 silver badges142 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Learner Over a year ago

Uncaught Error: no such method 'values' for slider widget instance, this error i am getting when trying the above solution ! @Reigel

Darmen · Accepted Answer · 2010-01-22 11:03:25Z

1

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

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

Updated according to poster's comment on this answer:

Actually, your question contains an naswer :)

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

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

edited Jan 22, 2010 at 11:03

answered Jan 22, 2010 at 10:13

Darmen

4,8813 gold badges32 silver badges53 bronze badges

Collectives™ on Stack Overflow

Jquery UI slider, setting values bug

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related