Cloud Carousel 和 iPad/iPhone 触控事件答案

【问题标题】：Cloud Carousel and iPad/iPhone touch eventsCloud Carousel 和 iPad/iPhone 触控事件
【发布时间】：2011-02-09 19:16:41
【问题描述】：

真的很喜欢这个轮播：http://www.professorcloud.com/mainsite/carousel.htm

除了我需要为 iOS 和 Android 添加触摸/擦除事件之外，它完全按照我对演示的需要工作。

基本上，如果用户向左或向右擦拭（这是正确的术语吗？），旋转木马就会向那个方向移动，就像按下向左或向右按钮一样。

我研究过使用这个插件：http://plugins.jquery.com/project/Touchwipe-iPhone-iPad-wipe-gesture

然后尝试调整（破解）轮播插件以监听这些事件

$(container).bind('touchwipe',this,function(event){
   wipeLeft: function() { alert("left"); }
});

但这会产生语法错误。我对创建插件知之甚少，不知道这里允许什么。

据我在插件中可以看出，左右滚动功能就在这里

    // Setup the buttons.
    $(options.buttonLeft).bind('mouseup',this,function(event){
        event.data.rotate(-1);  
        return false;
    });
    $(options.buttonRight).bind('mouseup',this,function(event){                                                         
        event.data.rotate(1);   
        return false;
    });

所以我想我需要连接这些。

我应该使用额外的插件来创建擦除事件，还是应该尝试官方的触摸事件？

谢谢！

【问题讨论】：

标签： jquery iphone ipad touch

【解决方案1】：

此代码适用于我

    $(container).bind('swiperight', this, function(event, ui)
    {
        event.preventDefault();
        event.data.rotate(-3);
    });

    $(container).bind('swipeleft', this, function(event, ui)
    {
        event.preventDefault();
        event.data.rotate(3);
    });

别忘了在http://jquerymobile.com/添加jQuery mobile

【讨论】：

【解决方案2】：

转到http://www.albanx.com/?pid=5&subid=18 并下载我为触摸（也适用于个人电脑）设备改编的版本。如果您想查看详细信息，请查看源代码。希望有帮助

【讨论】：

【解决方案3】：

我在 iScroll 上取得了成功，它是旋转木马。

http://cubiq.org/iscroll-4

或者你可以自己滚动

https://developer.apple.com/documentation/webkitjs/touchevent

【讨论】：

这并不能完全回答问题。 OP 没有要求其他方法的建议。