修复滞后的 jQuery UI Slider 更新值答案

【问题标题】：Fix lagging jQuery UI Slider update values修复滞后的 jQuery UI Slider 更新值
【发布时间】：2013-05-16 16:46:35
【问题描述】：

http://jsfiddle.net/emcniece/7Zj7M/2/

我不明白为什么滑块slide: function() 似乎只更新到之前的位置。滑块和标签从正确的位置（1 和 3）开始，但它们不会在第一次移动时更新标签......然后对于之后的每一次移动，它们都会返回先前的位置值。例如：

将最小滑动手柄（值 1）向右移动 - 标签不会更新
将最小滑动手柄（现在应为值 2）向左移动 - 标签更新为“2”，即使手柄位置应为“1”
向左移动最小滑动手柄，然后再次向右移动。滑动手柄现在处于“1”位置，但标签值为 0

我尝试按照http://jqueryui.com/slider/#range 的示例进行操作 - 我做错了什么？

【问题讨论】：

标签： jquery jquery-ui slider uislider

【解决方案1】：

当 'slide' 事件发生时，句柄的值还没有改变。您始终记录每个句柄的当前值，而不是“刚刚移动到滑块”的值。

根据docs，ui.value 包含不取消滑动事件时句柄将具有的值。 ui.values 是一个包含两个句柄值的数组（具有相同的警告）。所以，试试这个：

slide: function(e, u){
    $(this).parent().children('.label-min').text(u.values[0]);
    $(this).parent().children('.label-max').text(u.values[1]);
},

【讨论】：