将指针从一个点拖动到另一个点时,jQuery UI Slider没有给出“幻灯片”效果

时间:2011-06-20 15:39:21

标签: jquery-ui uislider jquery-ui-slider

我这里有一个jQuery UI滑块。

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

我将动画属性值视为“真实”。当我将鼠标指针放在条形图上的某个位置并单击它时,它会产生幻灯片视觉效果。但是,如果我将滑块指针拖动到另一个点,我没有得到我在其他情况下获得的动画幻灯片效果。看起来它从一个点跳到另一个点。我有什么方法可以在这里获得幻灯片效果吗?

以下是我的剧本:

 $(function(){

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

});

});

2 个答案:

答案 0 :(得分:5)

您正在使用滑块的“Snap to Increments”版本。如果您使用min, max, step或仅将step设置为.1,您将获得更顺畅的滑动。但是如果要捕捉这些增量,则无法顺利拖动。

如果你真的想要平滑滑动强制增量值,你可以在处理它们时对数字进行舍入。

答案 1 :(得分:1)

您需要提高max号码,如果您将其设置为max:100,则会有更平滑的拖动。 max告诉滑块滑块本身要放置多少个点。所以从第0点到第1点都是大跳跃。