将jquery ui滑块手柄设置为页面加载时的特定值

时间:2012-10-29 15:02:18

标签: jquery jquery-ui

尝试获取jquery ui滑块手柄以自动滑动到页面加载时的值。

这是Fiddle,只是为了看看我想要做什么。

我希望slider1滑动到值200,滑块2在页面加载时滑动到值14。

$("#slider1").slider({
    max:350,
    min:100,
    step:10,
    value:100,
    animate: 'true',
    slide: function(event, ui) {  
        $("#amount").val(ui.value);
        $(this).find('.ui-slider-handle').html('<div class="sliderControl-label v-labelCurrent">£'+ui.value+'</div>');

                update();
       setTimeout("$('#slider1').slider('value', 200);", 350);
    }    
});
$('#slider').slider('value', 200);

我看过有生命,但我没有在哪里。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

在你的小提琴中,我刚刚添加了一个改变事件,其代码与幻灯片

相同
change :function(event, ui) {  
        $("#amount").val(ui.value);
        $(this).find('.ui-slider-handle').html('<div class="sliderControl-label v-labelCurrent">£'+ui.value+'</div>');
        update();
}

这就在最后

$("#slider1").slider("value", 200);

它有效! http://jsfiddle.net/ktNTa/4/