最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Jquery UI slider, setting values bug - Stack Overflow

programmeradmin2浏览0评论

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 :(

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 :(

Share Improve this question edited Jan 22, 2010 at 11:38 viMaL asked Jan 22, 2010 at 10:02 viMaLviMaL 6381 gold badge7 silver badges20 bronze badges 0
Add a ment  | 

2 Answers 2

Reset to default 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);

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

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

Updated according to poster's ment on this answer:

Actually, your question contains an naswer :)

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

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

评论列表(0)

  1. 暂无评论