动态获取slide的值

Question

我有这个演示。

该值仅在刷新页面时更新，但我的想法是在指针移动时更新该值。

我使用这个插件，但我认为这是基于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/