2011-02-09 14 views
3

本当にこのカルーセルを愛する: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; 
    }); 

です/左。

ワイプイベントを作成するために追加のプラグインを使用するか、公式のタッチイベントを試す必要がありますか?

ありがとうございます!

答えて

-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

+0

これでjQueryのモバイルを追加することを忘れないでください、私

$(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); }); 

のために働くことができます。 OPは他の方法の提案を求めていませんでした。 – 44maagnum

1

http://www.albanx.com/?pid=5&subid=18に行くとデバイス(また、PCのために働く)私はタッチのために適合されているバージョンをダウンロードしてください。詳細を見たい場合はソースコードを見てください。 希望は

関連する問題