jqueryを使用してモバイルデバイスで上下にスワイプするための正しいコードを設定する方法を知っている人はいますか?
ありがとう
jqueryを使用してモバイルデバイスで上下にスワイプするための正しいコードを設定する方法を知っている人はいますか?
ありがとう
残念ながら、スワイプアップとスワイプダウンはjQuery mobileには存在せず、バージョン1.3では計画されていません。ここにサードパーティのプラグインがあります:http://developingwithstyle.blogspot.com/2010/11/jquery-mobile-swipe-up-down-left-right.html。通常のイベント(スワイプダウンとスワイプアップ)を使用するのと同じように使用します。
この実装が必要な場合は、このプラグインを使用することもできます:http: //www.netcu.de/jquery-touchwipe-iphone-ipad-library。Androidデバイスでも動作します。公式イベントとは異なり、デスクトップブラウザでは機能しないため、これは最悪のシナリオのソリューションです。
$("#wrapper").touchwipe({
wipeLeft: function() {
$("#carousel").trigger("next", 1);
},
wipeRight: function() {
$("#carousel").trigger("next", 1);
},
min_move_x: 20,
min_move_y: 20,
preventDefaultEvents: true
});
編集 :
実用的な例を次に示します。http://jsfiddle.net/Gajotres/97h45/AndroidおよびiOsデバイスでのみテストします。iOS6とAndroid4.1.1でテストしました