动态获取slide的值

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滑块之上的。但是，您应该能够使用接受value参数的callback选项：

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

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