画像のカルーセルを掲載したウェブサイトがあります。モバイルでは、指を水平に動かすときにこのカルーセルを「動かし」たいと思います。
このカルーセルはすぐに機能し、jqueryで既に実行されています（ただし、クリックハンドラーで処理します）。水平移動で処理する必要があります。
この動きを処理できるjqueryプラグインはありますか？
質問する
1022 次
1 に答える
1
jQuery mobileを使用している場合は、スワイプイベントを簡単に使用できます。
例：
$("#carousel").bind('swipeleft',function(event, ui){
});
jQMを使用していない場合は、次のフレームワークを参照してください：http ://wipetouch.codeplex.com/ 。軽量です。他にもフレームワークはほとんどありませんが、私はそれらを使用したことはありません。数か月前、カルーセルとjQMスワイプイベントを使用してjQMアプリを作成しました。パフォーマンスの問題はなく、問題なく動作します。
編集 ：
これが実際のカルーセルの例です（swipeleftイベントを使用すると、swiperightを実装することもできますが、これは単なる例です）：http://jsfiddle.net/Gajotres/Np3G4/ PCでテストしました（マウスをドラッグして左）とAndroid 4.1（左にスワイプ）ですが、私の過去の経験から、iPadでも動作します（iPhoneでも動作するはずです）。このコードは、このカルーセルと一般的なjQMスワイプイベントの実装を組み合わせたものです。jQMフレームワークは、スワイプイベントにのみ使用できます。
編集2：
このバージョンは、jQueryモバイルフレームワークがないiPadで動作します：http：//jsfiddle.net/Gajotres/qCB6w/。それはtouchwipeフレームワークを使用します：http：//www.netcu.de/jquery-touchwipe-iphone-ipad-library。これがあなたがそれを機能させるために必要なすべてであることを願っています。
于 2012-11-29T15:55:41.967 に答える