雲旋轉木馬和iPad/iPhone的觸摸事件

真的很喜歡這個旋轉木馬：http://www.professorcloud.com/mainsite/carousel.htm 雲旋轉木馬和iPad/iPhone的觸摸事件

作品正是我需要它的演示除了我需要添加觸摸/擦拭事件給它的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; 
    });

所以我想我需要連接到這些。

我應該使用額外的插件創建擦拭事件，還是現在就試試官方的觸摸事件？

謝謝！

來源

2011-02-09 user508605

-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

來源

2011-03-31 13:28:45 Andrew

這添加的jQuery移動並不完全回答這個問題。 OP沒有要求其他方法的建議。 – 44maagnum 2012-11-25 23:10:30

去http://www.albanx.com/?pid=5&subid=18和下載我已經適應了觸摸版本（也適用於PC）設備。如果您想查看詳細信息，請查看源代碼。希望幫助

來源

2011-06-22 17:54:24 albanx

此代碼對我的作品

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

來源

2012-02-20 11:09:25 waiscool

雲旋轉木馬和iPad/iPhone的觸摸事件

回答

相關問題