11

データが何度も読み込まれる単一のページを使用しました。

データのロードに同じページが使用されています。つまり、見出し、写真、説明です。スワイプ機能を適用できるように手伝ってもらえますか? Pulse News のようなアプリケーションを作成しています。スワイプ機能で確認してください。phonegap、HTML5、CSS3、JavaScript、および jQuery モバイルで構築しました。

ページをスワイプする方法を知っています。複数のページがありますが、データが動的にロードされ、コンテンツのみが変更されるページは 1 つだけです。iPhone と Android で動作するようにスワイプを追加するにはどうすればよいですか? ?

4

7 に答える 7

1

アプリのページ数は関係ありません。実際にページをスワイプするのではなく、アクティビティで SWIPE アクションを検出し、データをリロードする必要があります。それを行うには：タッチイベントリスナーで、次を検出します：

ACTION_MOVE

このような：

if(event.getAction() != MotionEvent.ACTION_MOVE)

距離をチェックして、スワイプが発生したことを確認します。

switch(event.getAction())
 {
     case MotionEvent.ACTION_DOWN:
              if(isDown == false)
              {
                     startX = event.getX();
                     startY = event.getY();
                     isDown = true;
              }
              Break;
              case MotionEvent.ACTION_UP
              {
                     endX = event.getX();
                     endY = event.getY();
                     break;
          }
}

距離を計算し、クリック以上のように聞こえる場合は...スワイプと見なし、データをリロードしてください頑張ってください

于 2013-08-16T23:50:42.397 に答える
1

Hammer.js ( http://eightmedia.github.io/hammer.js/ )を見てみましょう。

Hammer(el).on("swipeleft", function() {
    //code to run when user uses swipes left
});
于 2013-10-23T10:49:52.000 に答える
0

jQuery Mobile 1.3.0 ドキュメントから$.mobile.changePage

options (オブジェクト、オプション) プロパティ:

allowSamePageTransition(boolean, default: false)

デフォルトでは、changePage() は、現在アクティブなページへの変更要求を無視します。このオプションを true に設定すると、リクエストの実行が許可されます。開発者は、一部のページ遷移では、changePage リクエストの fromPage と toPage が異なると想定しているため、期待どおりにアニメーション化されない可能性があることに注意してください。開発者は、適切な遷移を提供するか、この特定のケースでそれをオフにする責任があります。

使用している jQuery.Mobile のバージョンによっては、これにいくつかのバグがあるようです。

于 2013-04-27T00:55:48.423 に答える