android - jQuery Mobile 垂直滚动期间触发的 swipeleft/swiperight

Question

问题是当我想要垂直滚动时，swipeleft/swiperight 事件被触发。

我们使用的是 jQuery Mobile 1.1.0 版本和 jQuery 1.7.1。

代码是:

 $(document).delegate('#quizResumePage', 'swipeleft swiperight', function (event) {
   event.stopImmediatePropagation();
    if (event.type == 'swipeleft') {
       $('#btnnext').trigger('click');
    }  else  if (event.type == 'swiperight')  {
       $('#btnprevious').trigger('click');
    }
   event.preventDefault();
});

那为什么我想滚动页面时会触发swipe事件呢？

这个问题发生在Samsung galaxy android 2.3.5...

谁能帮我解决这个问题？

Answer 1

您可以控制滑动事件如何改变以下对象的值

$.extend($.event.special.swipe,{
  scrollSupressionThreshold: 10, // More than this horizontal displacement, and we will suppress scrolling.
  durationThreshold: 1000, // More time than this, and it isn't a swipe.
  horizontalDistanceThreshold: 30,  // Swipe horizontal displacement must be more than this.
  verticalDistanceThreshold: 75,  // Swipe vertical displacement must be less than this.
});

在聆听滑动之前将它放在您的代码上。例如，将 verticalDistanceThreshold 更改为 15，将 durationThreshold 更改为 500，这将有助于减少误报。

另一方面，在您的代码中，您触发了按钮上的点击事件，虽然这有效，但更好的方法是直接调用执行下一个/上一个操作的方法。

祝你好运!