顯示jQuery滑塊結果順利

Question

有人可以幫助我使滑塊顯示更平滑的結果。

function updateAmounts() { 
    var value1 = $('#slider1').slider('value'); 
    $('#amount1').val(value1); 

    var ude1 = 5 * Math.round((value1*3).toFixed(2)/5); 
    $('#ude1mdr').val(ude1); 
} 
var valueMultiplier = 5; 

$('#slider1').slider({value: 0, min: 0, max: 200, step: 1, stop: function(event, ui) { 
    updateAmounts(); 
}}); 

updateAmounts(); 

http://jsfiddle.net/TXc8K/5/

當你放開鼠標只顯示值。我希望兩個值都能在滑塊移動時顯示/更改。

Answer 1

當您從停止滑動調用updateAmounts();時，只需更改事件，以便每次滑動時都會調用您的函數，而不是每次停止時（放開鼠標）。

嘗試：

$('#slider1').slider({value: 0, min: 0, max: 200, step: 1, slide: function(event, ui) { 
    updateAmounts();//--------------------------------------^ here 
}}); 

DEMO