2

jQuery Mobile を使用して水平スワイプ効果を作成したいと考えています。少し調べてみたところViewPager、通常 Android マーケットのアプリ詳細ページにある が、私が望んでいることを実行することがわかりました。指定されたページでは、作成者が Android のコードと一緒に説明していますが、jQM に同等のプラグインまたは機能があるかどうかを知りたいと思っていました。

4

1 に答える 1

5

私はSwipeJSが好きです。軽量で、1 対 1 のスライド係数が使用されているのが気に入っています (要素上で指をスライドさせると、同じ速度で移動します)。

また、かなりうまく機能するiScroll 4もあります (SwipeJS よりもセットアップが難しいようです)。

swipeただし、jQuery Mobileの組み込みイベントを利用することはできます。swipeleft要素のまたはswiperightイベントにバインドしdata-role="page"、現在のページに基づいてユーザーを正しいページにナビゲートできます。

$(document).delegate('#page-two', 'swipeleft', function () {
    //next page
    $.mobile.changePage($('#page-three'));
}).delegate('#page-two', 'swiperight', function () {
    //prev page
    $.mobile.changePage($('#page-one'), { reverse : true });
});

ここにデモがあります：http://jsfiddle.net/fFGvD/

アニメーションが逆に再生されるように、{ reverse : true }オブジェクトがオプション オブジェクトとして関数に渡されていることに注意してください。changePage()

于 2012-04-09T16:44:22.960 に答える