Question

我正在使用此link中的jQuery函数来识别＆＃39;向下滑动＆＃39;并且＆＃39;向上滑动＆＃39;事件。

如果我只是使用swipeown或up，该函数工作正常，但我无法找到如何识别一个函数内的两个方向。例如：

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

  if (swipeUp == true) {

  alert("SwipedUp");
  }

if (swipeDown == true) {

  alert("SwipedDown");
  }

});

任何想法如何实现这个？

我也尝试过下面的代码但是，它会计算滑动并显示很多警报窗口超时我刷卡。

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


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

  alert("down");

  });

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

  alert("up");

  });


});

Answer 1

因此，您可以使用此功能获取有关该事件的更多信息：

$(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 );
    }
});

工作示例：http://jsfiddle.net/Twisty/be5z0vko/

这将为您提供一个对象，您可以找到确定滑动方向的方法。例如，event.swipestart和event.swipestop包含coords，因此您可以使用这些来确定方向。

另请看这里：http://developingwithstyle.blogspot.com/2010/11/jquery-mobile-swipe-up-down-left-right.html深入，但如果你需要它会更精确。

Jquery - 识别向上和向下滑动

1 个答案: