Jquery滑块UI动态步长

Jquery Slider UI dynamic step size

本文关键字：动态 UI 滑块 Jquery      更新时间：2023-09-26

我有一个滑动条，属性如下:

  • 水平方向
  • 一个处理
  • a min为2
  • 最大65

我的目标是迫使用户只能在7个点之间做出选择(例如:"2,3,4,26,39,52,65")，除此之外别无其他。

如何创建动态步长，或者如何只允许这些点作为滑块步长?

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

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

我建议您查看slide事件。医生来了。它说

根据ui.value.

返回false以防止滑动

所以当值不是你想要的值时，你只需要返回false。

编辑:该死的，这个链接只是把你带到滑块页面。我说的是在Events选项卡中，它的名字是slide

编辑2:一个小提琴使用它。与其他解决方案的主要区别在于，在这个解决方案中滑动不会是均匀的。

另一个小提琴。在本例中，如果在幻灯片结束时达到一个不正确的值，它将返回到先前的正确值。

在以下范围内价格滑块步长值动态更新，如在1到10000之间步长将100和在10000到50000之间步长将500 1000直到100000步长将1500 10000, 100000基于定义值

这个滑块将是有用的，当我们去做从低到高的步骤在大量的价格。

我们只需要定义一个步骤的集合，并且在步骤变化时为给定的步骤值定义另一个步骤，我们需要定义该值。& lt;比;http://jsfiddle.net/Ng_gajera/bt8dusrz/2/

相关文章：