jquery - 如何将触摸事件 [向左/向右滑动] 添加到图库

Question

我一直在研究图片库 [html5] 并且它在桌面版本中运行良好我想为 Ipad/Tablet 设备添加基于触摸的事件。

您能否建议如何使用 javascript/jquery 添加基于触摸的事件。

谢谢， 斯里尼瓦斯

Answer 1

你可以使用这个功能

向右滑动或其他方向

// jquery mobile
    $("#id").swiperight(function() {
        //do some with $.mobile.changePage function
    });
    $("#id").swipeleft(function() {
        //do some $.mobile.changePage function
    });

// javascript
document.ontouchmove = function(e) {
    var target = e.currentTarget;
    while(target) {
        if(checkIfElementShouldScroll(target))
            return;
        target = target.parentNode;
    }

    e.preventDefault();
};

Answer 2

这个 jQuery 插件运行良好。http://www.netcu.de/jquery-touchwipe-iphone-ipad-library 易于使用。前任：

$('.slideshow').touchwipe({
 wipeLeft: function() {$('.slideshow').cycle('next');},
 wipeRight: function() { $('.slideshow').cycle('prev');},
 min_move_x: 60         
});