Jquery Slider UI动态步长

时间:2011-09-01 08:19:24

标签: javascript jquery jquery-ui slider jquery-ui-slider

我有一个包含以下属性的滑块:

  • 水平方向
  • 一个手柄
  • 最少2个
  • 最多65

我的目标是强迫用户在7点之间进行选择(例如:“2,3,4,26,39,52,65”),仅此而已。

如何创建动态步长或如何仅允许这些点作为滑块步骤?

2 个答案:

答案 0 :(得分:4)

为什么不使用仅有7个点的滑块,并使用表格转换您的值:

请参阅我的jsfiddle示例http://jsfiddle.net/bouillard/Uy5sD/

答案 1 :(得分:3)

我建议您查看slide事件。 Doc是here。 它说

  

根据ui.value返回false以防止幻灯片。

所以当你的价值不是你所瞄准的那个时,你只需要返回false。

编辑:该死的,链接只是让你进入滑块页面。 我在谈论的是Events标签,它是名为slide

的标签

Edit2:fiddle使用它。与另一种解决方案的主要区别在于滑动在这一方面不均匀。

Edit3:另一个fiddle。在这一个中,如果在幻灯片的末尾达到了不正确的值,它将返回到先前的正确值。