javascript - 使用 jquery、javascript 的外系统滑块

Question

我需要一个用于 Outsystems 应用程序的滑块组件，其中我有三个值低、中和高。（假设低-> 0、中-> 5、高-> 10）用户应该可以将滑块指示器放置在这些值中的任何一个上。

有什么提示吗？

谢谢 ！

Answer 1

如果您只需要一个能够用一系列范围填充它的滑块，您可以选择 jquery UI one：

http://jqueryui.com/slider/#steps

强大的功能和支持。

编辑：对于颜色演变，您可以为带有颜色背景的工具提示创建一个 div，您将根据所选值进行更改。您的代码看起来像这样：

(if val == 1){handle.css('color','red');}
else if(val == 5){handle.css('color','yellow')} 
else if (val == 10) {handle.css('color','green')}