jQuery Mobile滑块:如何使用自定义缩放?

时间:2011-06-02 20:15:55

标签: slider jquery-mobile

我有一个jQuery Mobile滑块。假设范围是1到100.我需要的是使比例成指数。换句话说,将拇指移动左侧的给定数量的像素将比将右侧相同数量的像素移动到100的效果更小。我的目标是使得选择像1,2,3,4,5不需要在96和100之间进行区分。所以我想把更多滑块的范围用于较低的值。

任何人都对如何运作有任何想法?或者解决这个问题的替代方法?

1 个答案:

答案 0 :(得分:0)

我最终通过将jQuery Mobile源修改为滑块小部件来实现解决方案,以满足我的需求。

如果有兴趣的话,这是一个工作版本的链接: http://media.pokerslug.com/js/jqm/eslide.js

它使用简单的x * x关系进行缩放。要使用它,请调用$(element).eslider(),但请确保目标没有“type = range”属性。

可在此处找到简短演示:http://jsfiddle.net/4XrhA/