jquery - 将 jquery ui 滑块句柄动画到页面加载上的特定值

Question

试图让 jquery ui 滑块句柄在页面加载时自动滑动到某个值。

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

我希望滑块 1 在页面加载时滑动到 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);

我看过动画，但我没有得到任何地方。

我该怎么做呢？

Answer 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/