jQuery Mobile滑块：如何使用自定义比例？

我有一个jQuery Mobile滑块。假设范围是1到100.我需要的是使规模指数。换句话说，将拇指移动左侧的给定数量的像素的效果会比将右侧的相同数量的像素移动到100的效果更小。我的目标是让它很容易选择像1,2,3,4,5。区分96和100是不必要的。所以我想把更多的滑块范围用于较低的值。jQuery Mobile滑块：如何使用自定义比例？

任何人有任何想法如何这可能工作？或者用其他方法解决这个问题？

来源

2011-06-02 adum

嗯，这听起来像一个自定义的滑块，觉得没有什么现成的就做到这一点。根据我的理解，你需要这样的东西：1 ----- 2 ----- 3 ----- 4 ----- 5 ---- 6 ---- 7 ---- 8- --9 --- 10 --- 11--12--13--14--15-16-17-18-19所以如果数值越低，数值的间距就越大，是正确的？ – 2011-06-03 13:02:39

是的，这正是我想要的。感谢图:) – adum 2011-06-03 20:38:27

我最终实现了一个解决方案，通过将jQuery Mobile源代码修改为它们的滑块小部件来满足我的需求。

这里有一个工作版本的链接，如果有人有兴趣： http://media.pokerslug.com/js/jqm/eslide.js

它使用一个简单的X * X的关系成比例。要使用它，请拨打$(element).eslider()，但要确保目标没有“type = range”属性。

一个简短的演示可以在这里找到：http://jsfiddle.net/4XrhA/

来源

2011-06-07 00:34:10 adum

jQuery Mobile滑块：如何使用自定义比例？

回答

相关问题