使用slide和stop on JQueryUI滑块

Question

我使用的是JQueryUI滑块，效果很好。

当滑块停止时，我使用滑块来执行一个功能，但是，我想让滑块的值在div滑动时更新它。所以我需要有效地使用slider: function(event, ui) { update DIV }和.stop: function(event, ui) { Do Something }。这个是可能的吗？滑块仍然有效，但滑块所在的数字不能在DIV中正常显示。

下面是我尝试过的和失败的：

<div id="sliderr" style="width:400px; margin-top:100px;"></div><div id="amount"></div>

$("#sliderr").slider({                   
            value: 0,
            min: -20,
            max: 20,
            step: 0.1,
            slider: function(event, ui) {
                    var curVal = ui.value;
                    $('#amount').text(curVal); 
            },
            stop: function(event, ui) {
                    var curVal = ui.value;
                    this.doSomething(curVal);

            }
    });

Answer 1

该事件是slide而不是slider。http://api.jqueryui.com/slider/#event-slide

slide: function (event, ui) {
    var curVal = ui.value;
    $('#amount').text(curVal);
},