动态获取幻灯片的值

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/