使用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。