動畫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/