jQuery Mobile イベント

イベント = ページが応答するすべての異なる訪問者の動作です。

jQuery Mobile イベント

jQuery Mobile で、標準の jQuery イベント。

さらに、jQuery Mobile は、モバイルブラウザ向けにカスタマイズされたいくつかのイベントを提供します：

  • タッチイベント - ユーザーがスクリーンをタッチしたときに発生します（タップとスライド）
  • スクロールイベント - 上下にスクロールしたときに発生します
  • 方向イベント - デバイスが垂直または水平に回転したときに発生します
  • ページイベント - ページが表示、非表示、作成、読み込まれ、または/またはアンラップされたときに発生します

すべての jQuery Mobile イベントに関する詳細情報が必要な場合は、私たちの jQuery Mobile イベントリファレンスマニュアル。

jQuery Mobile イベントの初期化

jQuery では、既に学んだように、ドキュメントが読み込まれた後 (is ready) に jQuery コードを実行しないように、ドキュメント ready イベントを使用します：

jQuery document ready イベント

<script>
$(document).ready(function(){
   // ここに jQuery イベント...
});
</script>

自分で試してみましょう

しかし、jQuery Mobile では、ページが初期化され、スタイル設定が完了した後に発生する pageinit イベントを使用します。

第2引数が指す (#pageone) は、ページの ID を指定してイベントを設定するためのページの ID に対応します:

jQuery Mobile pageinit イベント

<script>
$(document).on("pageinit","#pageone",function(){
   // ここに jQuery イベント...
});
</script>

自分で試してみましょう

注記：jQuery on() メソッドは、イベントハンドラを追加するために使用されます。

次の章では、各 jQuery Mobile イベントを詳細に説明します。