jquery - 識別向上滑動和向下滑動

Question

我使用這個link的jQuery函數來識別'向下滑動'和'向上滑動'事件。

該功能工作正常，如果我只是使用swipedown或然而，我無法找到如何識別兩個方向內的一個功能。例如：

$("body").on("swipeupdown",function(){ 

    if (swipeUp == true) { 

    alert("SwipedUp"); 
    } 

if (swipeDown == true) { 

    alert("SwipedDown"); 
    } 

}); 

任何想法如何實現？

我也嘗試了下面的代碼工作，但是，它統計了滑動，並顯示了很多警報窗口超時我刷卡。

$(function(){ 
// Bind the swipeHandler callback function to the swipe event 
    $("body").on("swipe", swipeHandler); 

    // Callback function references the event target and adds the 'swipe' class to it 
    function swipeHandler(event){ 
     console.log(event); 
    } 
}); 

工作實例：

$("body").on("swipeupdown",function(){ 


    $("body").on("swipedown",function(){ 

    alert("down"); 

    }); 

    $("body").on("swipeup",function(){ 

    alert("up"); 

    }); 


}); 

Answer 1

所以你可以使用這個趕有關事件的更多信息http://jsfiddle.net/Twisty/be5z0vko/

這會給你一個對象，你可以找到方法來確定哪個方向刷卡是。例如，event.swipestart和event.swipestop包含coords，因此您可以使用這些來確定方向。

也看這裏：http://developingwithstyle.blogspot.com/2010/11/jquery-mobile-swipe-up-down-left-right.html深入，但會更準確，如果你需要它。