Jquery UI Slider - 当前是Linear,想要更改显示的公式

时间:2009-09-11 16:14:20

标签: jquery jquery-ui slider

我正在尝试更改JQuery UI Slider。将其从数字范围内的线性更改为更基于公式。原因是我们销售钻石,我们的产品范围从.30克拉到9克拉,但是90%的买家想要的东西在.30到2之间,所以我希望这个范围是滑块的较大部分。

希望这是有道理的。但是,我认为我需要一些专业知识来完成这个或从哪里开始。

要求:对于我们的基于克拉的搜索,我们90%的钻石介于.30克拉到3.0克拉之间,这只是滑块本身(不含水平)的30%。我们希望它为滑块的前66%滑动[.30 - 3.0]克拉,然后对滑块[3.0 - 9.0]克拉的剩余部分增加更快。这几乎就像我们想要改变这一点,从线性形式移动到更多的曲线,即y = x ^ 1.25,其中y是克拉值,x是位置..可能在它们有之后使用x ^ 2曲线超过3.0克拉标记..

提前感谢任何指针,支持,提示!! 罗伯特

3 个答案:

答案 0 :(得分:1)

我认为最简单的方法是在滑块上使用线性刻度,然后在引擎盖下进行某种数学运算以产生非线性结果。而不是修改控件,提出合理大小的范围(0-100),比如说;然后根据你在这里给出的公式将结果从该范围转换为输出。

答案 1 :(得分:0)

您是否考虑过根据需要制作滑块的自定义版本?

id说一个好的开始是尝试修改滑块中curValue calculation的所有出现次数

答案 2 :(得分:0)

我已经编译了这个问题的解决方案,以备将来使用,在这里:https://github.com/BlakeSimpson/SteppedRangeSlider