動態獲取幻燈片的值

Question

我有this demo。

該值只會在刷新頁面時更新，但我的想法是在移動指針時更新值。

我使用this plugin，但我認爲這是基於jQuery UI滑塊。

在我的代碼有：當指針移動

<script type="text/javascript"> 
$(function(){ 
    $("#SliderSingle").slider({ 
    from: 400, 
    to: 2000, 
    step: 2.5, 
    round: 1, 
    scale: ['400€', '600€', '800€', '1000€', '1200€', '1400€', 
              '1600€', '1800€', '2000€'], 
    dimension: '&nbsp;€', 
    skin: "round", 
    slide: function(event, ui){ 
     $("#amount").val('$' + ui.value); 
    } 

    }); 
    $("#amount").val('$' + $("#SliderSingle").slider("value")); 

}); 
</script> 

唯一的問題只是更新值。

Answer 1

我不認爲這是建立在jQueryUI滑塊。但是，你應該能夠使用callback選項，它接受一個value參數：

$("#SliderSingle").slider({ 
    /* Snip */ 
    callback: function(value) { 
     $("#amount").val("$" + value); 
    } 
    /* Snip */ 
}); 

工作例如：http://jsfiddle.net/HKhBH/