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

Question

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

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

我希望 slider1 在页面加载时滑动到 200 的值，并让 slider2 滑动到 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/