将指针从一个点拖动到另一个点时，jQuery UI Slider 没有给出“滑动”效果

Posted 2023-03-13

【中文标题】将指针从一个点拖动到另一个点时，jQuery UI Slider 没有给出“滑动”效果

【英文标题】：jQuery UI Slider not giving "Slide" effect when dragging the pointer from one point to another

【发布时间】：2011-06-20 15:39:21

【问题描述】：

我这里有一个 jQuery UI 滑块。

http://jsfiddle.net/DrR7s/7/

我将动画属性值设为“真”。当我将鼠标指针放在栏上的某个位置并单击时，它会产生幻灯片的视觉效果。但是，如果我将滑块指针拖动到不同的点，我将无法获得在另一种情况下获得的动画幻灯片效果。它看起来像是从一个点跳到另一个点。有什么办法可以让我在这里也有幻灯片效果吗？

下面是我的脚本：

 $(function()

 $('#slider').slider(
 animate: true,
 step:1,
 min:0,
 max:5

);

);

【参考方案1】：

您正在使用滑块的“对齐增量”版本。如果您采用min, max, step 或只是将您的step 设置为0.1，您将获得更平滑的滑动。但是如果你想捕捉到这些增量，你就不能平滑拖动。

如果您真的想要平滑滑动和强制增量值，您可以在处理它们时将数字四舍五入。

【参考方案2】：

你需要提高你的max号码，如果你把它放到max:100，它有一个更顺畅的拖动。 max 告诉滑块在滑块本身上放置多少点。所以从第 0 点到第 1 点是一个很大的跳跃。