android - jQuery Mobile 向下滑动和向上滑动适用于 Android 移动网站

Question

有谁知道如何使用 jquery 在移动设备上设置正确的代码以在移动设备上向下和向上滑动？

谢谢

Answer 1

不幸的是，jQuery mobile 中不存在 swipeup 和 swipedown，它们也没有计划用于 1.3 版。这里有一个第 3 方插件：http: //developingwithstyle.blogspot.com/2010/11/jquery-mobile-swipe-up-down-left-right.html。像使用普通事件一样使用它们：向下滑动和向上滑动。

如果你需要这个实现，你也可以使用这个插件：http: //www.netcu.de/jquery-touchwipe-iphone-ipad-library。它也适用于安卓设备。这是一个最坏的情况解决方案，因为与官方事件不同，这些事件在桌面浏览器上不起作用。

$("#wrapper").touchwipe({
     wipeLeft: function() { 
         $("#carousel").trigger("next", 1);
     },
     wipeRight: function() { 
         $("#carousel").trigger("next", 1);        
     },
     min_move_x: 20,
     min_move_y: 20,
     preventDefaultEvents: true
}); 

编辑 ：

这是一个工作示例： http: //jsfiddle.net/Gajotres/97h45/仅在 Android 和 iOs 设备上进行测试。我已经在 iOS 6 和 Android 4.1.1 上测试过了