2012-01-08 5 views
1

スワイプを使用して、jQuery mobile/PhoneGapアプリケーションのページをナビゲートしています。スワイプ距離が(たとえば)50 px後にページ遷移を開始させることが可能かどうか知っていますか?つまり、の前にの指が画面に触れなくなるはずです。彼らは自分の指と実際のページの移行を上げ間のこの小さな待ち時間を持っていないようなユーザーエクスペリエンスを進めるでしょうユーザーが指を上げる前にスワイプイベントを起動できますか?

ありがとうございました!

答えて

1

「touchStart」イベントと「touchMove」イベントを使用できる必要があります。 'touchStart'が起動したときのタッチの位置を記録し、 'touchMove'が起動するたびに変位を確認します。変位が50ピクセルを超える場合は、ページ切り替え機能を呼び出します。ユーザーが指を離したときに「touchEnd」が発射されるため、特別なアクションが発生した場合は、その補正を行う必要があります。

開始するには、Padiliciousのスワイプライブラリ(http://padilicious.com/code/touchevents/)をお勧めします。スワイプ距離設定をサポートするように簡単に変更できます。

これ以上情報が必要な場合は教えてください。

関連する問題