云旋转木马和iPad/iPhone的触摸事件

Question

真的很喜欢这个旋转木马：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; 
    }); 

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

我应该使用额外的插件创建擦拭事件，还是现在就试试官方的触摸事件？

谢谢！

Answer 1

我已经与iScroll的成功和它的旋转木马。

http://cubiq.org/iscroll-4

或者你可以滚你自己

http://developer.apple.com/library/safari/#documentation/UserExperience/Reference/TouchEventClassReference/TouchEvent/TouchEvent.html#//apple_ref/doc/uid/TP40009358

Answer 2

去http://www.albanx.com/?pid=5&subid=18和下载我已经适应了触摸版本（也适用于PC）设备。如果您想查看详细信息，请查看源代码。 希望帮助

Answer 3

此代码对我的作品

$(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/