需要可以指数增量的滑块(不使用范围)

Question

目前我正在使用jQuery UI的滑块来允许人们选择捐赠金额.问题是,滑块很小,需要补偿最低1美元和最高10,000美元.建议的解决方案是使用一个小的增量,可能是1美元或2美元,价值在1美元到1000美元之间,然后从那里,以指数方式将增量一直提高到10,000美元,但我找不到能够满足这一要求的插件.

所以现在我的增量为1美元,正如你可能猜到的那样,它几乎可以选择一个特定的金额.

任何帮助都会很棒!

Answer 1

在我看来，滑块并不是最适合这项工作的工具。

但如果您坚持，您可以增加滑块步长（例如 10 个可能的位置），并为每个步查找其对应的数量。

例子：

• 1 -> 1$
• 2 -> 2$
• 3 -> 5$
• 4 -> 10$
• 5 -> 50$
• 6 -> 200$
• 7 -> 1000 美元
• 8 -> 5k$
• 9 -> 10k$
• 10 -> 2 万美元