2014-01-29 39 views
8

我知道,這個問題已被廣泛覆蓋在Stackoverflow上,但我找不到明確的答案。jquery滑動沒有jQuery移動庫

我成功檢測如果客戶端設備是觸摸屏:

if(!!('ontouchstart' in window)){ 

    // detect swipe 

} 

然而,我無法找出如何檢測滑動/一個元件懸停。請注意,我希望能夠在沒有jquery移動庫的情況下執行此操作。

這裏是我的小提琴:

http://jsfiddle.net/k77aC/9/

謝謝你在前進,

艾倫。

回答

10

如果只是您不想使用的jQuery手機,請嘗試hammer js,這是輕量級的,並有很多選項。

然而,如果你是完全反對使用任何圖書館都具有可看看不同的觸摸事件:

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Touch_events

+0

感謝hammer.js看上去很適合我的需求! –

+0

我似乎無法使用hammer.js檢測輕掃或敲擊:$('。myElement')。hammer()。on(「tap」,「.nested_el」,function(event){ \t alert('yes'); }); –

+0

我通過引用id而不是類來修復它 –