使用hammer.js创建触摸滑块

Question

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

我最近发现了hammer.js ...这是一个超轻触摸库。使用此触摸库大大提高了对Android设备的响应。

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

我想逐步增加滑块（我似乎无法弄清楚如何做到这一点）。在这种情况下，我需要滑块以15分钟为增量步进。现在滑块每分钟都在步进。我现在一直在想它，我迷路了。 （这里是JQ移动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。