javascript - jQuery UI Slider - 发布时从 'slide' 事件返回的值不同于 'change' 值

Question

我有一个 jQuery UI slider :

$('div.slider').slider({
    range: true,
    step: 250,
    min: 1000,
    max: 500000,
    values: [1000,500000],
    change: function(event, ui){
        console.log($(this).slider('values', 0)+','+$(this).slider('values', 1));
    },
    slide: function(event, ui){
        console.log($(this).slider('values', 0)+','+$(this).slider('values', 1));
    }
});

由于某些奇怪的原因，当释放 slider (鼠标悬停)时，该值与原来的值略有不同。 slide 事件返回的内容与 change 事件不同。任何人都知道可能导致此问题的原因以及我该如何解决它？

我将在 change 事件的回调中进行非常密集的操作(这意味着我不能只使用 sldie)，而且还需要实时显示 slider 的值，所以我不能只使用一个或另一个。

这里有一个关于这个奇怪行为的 fiddle :http://jsfiddle.net/5W6Zh/

提前致谢

Answer 1

我们今晚(以及昨晚，以及过去几个月)遇到了这个问题。我们所做的修复是使用 ui.value 和 ui.values[0] 而不是 $("#slider").slider('values',0)。

使用这个:

change: function(event, ui) {
  $('.values').text(ui.values[0] + ',' + ui.values[1]);
}

代替:

change: function(event, ui) {
  $('.values').text($(this).slider('values', 0) + ',' + $(this).slider('values', 1));
}

我 fork 你的 jsfiddle 并让它工作: http://jsfiddle.net/danhixon/9JdhU/1/

老实说，如果没有你的问题和 jsfiddle，我认为我不会找到解决方案 - 我一直将它与 jquery-ui 演示进行比较，直到我发现这种差异。