2

我正在使用 jQueryUI Slider 插件从一组值中选择一个值。

假设我有一个有 5 个值的滑块。我想达到类似这样的效果：http: //jqueryui.com/demos/slider/#hotelrooms，但我希望滑块手柄在值之间平滑移动，如果手柄在两个值之间下降，它应该捕捉到最近

我想出了一个解决方法，但它似乎有问题。这是一个小提琴。我将最小值设置为 1，最大值设置为 500，以在拖动时获得平滑的滑动效果，然后在停止事件时检查该值是否等于 100（只是现在，为了简单起见），如果不是，请设置将滑块的值设置为 100。一切正常，但即使我将动画值设置为 500，也没有很好的平滑滑动效果。

有没有办法通过这种解决方法完成它？还是我应该尝试别的？随意使用和更改我的 jsfiddle。任何帮助，将不胜感激。

4

2 回答 2

2

更新

这是一个使用 steps 和 setTimeout 使数字变化平滑的新小提琴。根据您的实际步骤，您必须调整 setTimeout 速度和 smoothDigitIncrease() 中增加数字的速度。

于 2012-09-29T22:24:55.187 回答
0

而不是直接分配新值以增量方式进行，例如

当前值 =1

要设置的值 = 5

从 1 到 5 循环，而不是直接设置每个 100 或 400 毫秒的延迟

于 2012-09-29T22:05:53.953 回答