jQuery Mobile向下滑动并向上移动Android移动网站

时间:2013-02-07 14:02:53

标签: android iphone html5 jquery-mobile swipe

有没有人知道如何使用jquery设置正确的代码以便在移动设备上向下滑动?

由于

1 个答案:

答案 0 :(得分:3)

不幸的是,jQuery mobile中不存在swipeup和swipeown,并且它们没有针对1.3版本进行规划。这里有第三方插件:http://developingwithstyle.blogspot.com/2010/11/jquery-mobile-swipe-up-down-left-right.html。像使用普通事件一样使用它们:swipedown和swipeup。

如果您需要此实施,也可以使用此插件:http://www.netcu.de/jquery-touchwipe-iphone-ipad-library。它也适用于Android设备。这是最糟糕的情况解决方案,因为与官方活动不同,它们不适用于桌面浏览器。

$("#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上测试了它