我有一个jQuery Mobile滑块。假设范围是1到100。我需要的是使规模呈指数级。换句话说,将拇指在左侧移动给定数量的像素将比将其在右侧移动相同数量的像素(朝向100)具有更小的效果。我的目标是让选择1、2、3、4、5这样的值变得容易。没有必要区分96和100。因此,我想将滑块的更多范围用于较低的值。
有人知道这是怎么回事吗?还是解决这个问题的替代方法?
我最终实现了一个解决方案,通过将jQuery Mobile源代码修改为他们的滑块小部件来满足我的需求。
如果有人感兴趣,这里有一个工作版本的链接:http://media.pokerslug.com/js/jqm/eslide.js
它使用一个简单的x*x关系进行缩放。要使用它,请调用$(element).eslider()
,但要确保目标没有"type=range"属性。
可以在这里找到一个简短的演示:http://jsfiddle.net/4XrhA/