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