使用hammer.js创建触摸滑块

Question

为了给您一些背景知识，我一直在使用phonegap和jquery mobile来创建原生移动应用。当使用JQUI时，Android设备上的响应似乎非常慢。在以前的应用程序中，我创建了自己的点击事件等。

我最近发现了hammer.js ...这是一个超轻触摸库。使用此触摸库可以极大地改善Android设备上的响应。

通过这个背景故事，我创建了一个触摸滑块，可以在拖动旋钮时计算时间。

我想以增量步进滑块（我似乎无法弄清楚如何做到这一点）。在这种情况下，我需要滑块以15分钟为增量步进。现在滑块每分钟都踩到一步。我现在已经考虑了一段时间而且我迷失了。 （以下是JQ mobile http://jquerymobile.com/demos/1.1.1/docs/forms/slider/的增量步骤滑块的示例...我正在寻找类似的东西）

这是我目前的代码： http://jsfiddle.net/cj8Hr/1/

任何帮助都会非常感激！

感谢。

Answer 1

已更改

        var calcMins = Math.round(left * pixelPerMin);

要

        var calcMins1 = Math.round(left * pixelPerMin);
        var calcMins = calcMins1 - (calcMins1 % 15);

请查看更新后的fiddle。