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

Question

我一直在使用图片库[html5]，它在桌面版中工作正常我想为Ipad / Tablet设备添加基于触摸的事件。

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

谢谢， SRINIVAS

Answer 1

您可以使用此功能

swiperight或其他方向

// 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         
});