动画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/