7

アプリケーションのプロトタイプをすばやく作成する必要があり、さまざまなアプリケーションロジックをどこに挿入するかを正確に知りたいです。

PhoneGapとjQueryMobileを使用するときに、イベントとそれらがトリガーする順序を繰り返していただけますか？

次のイベント/順序を明確に理解しておくと便利です。

  • A：アプリケーションを初めて開いたとき。
  • B：ページを変更したとき（イベントのいくつかはもうないだろうと思います）。
  • C：アプリを「最小化」したとき（例：SMS /通話に移動するアプリのリンクをクリックしたとき、またはデバイスのホームボタンを押したとき）。
  • D：アプリを復元するとき（例：「戻る」ボタンを押す、または単に
    「最大化」する）。
4

1 に答える 1

24

イントロ

ここにあるすべての情報は、私のブログARTICLEにもあります。また、実用的な例もあります。

-A：初期化

A1- deviceReadyイベントを使用したPhonegapアプリ/フレームワークの初期化。

例：

document.addEventListener("deviceReady", yourCallbackFunction, false);

function deviceReady() {

}

一時停止の詳細については、http： //docs.phonegap.com/en/1.0.0/phonegap_events_events.md.htmlをご覧ください。

A2- mobileinitイベントを使用したjQueryMobileアプリ/フレームワークの初期化。

例：

$(document).on("mobileinit", function () {

});

両方のフレームワークが正常に読み込まれたかどうかを確認する方法：https ：//stackoverflow.com/a/12821151/1848600

-B：ページを変更

まず、すべてのイベントはここで見つけることができます：http: //jquerymobile.com/test/docs/api/events.html

ページAとページBがあるとしましょう。これは、アンロード/ロードの順序です。

1. page B - event pagebeforecreate

2. page B - event pagecreate

3. page B - event pageinit

4. page A - event pagebeforehide

5. page B - event pagebeforeshow

6. page A - event pageremove

7. page A - event pagehide

8. page B - event pageshow

-C：アプリを最小化する

Phonegapは、一時停止イベントでこれを処理します。

例：

document.addEventListener("pause", yourCallbackFunction, false);

一時停止の詳細については、http： //docs.phonegap.com/en/1.0.0/phonegap_events_events.md.htmlをご覧ください。

-D：アプリを復元します

Phonegapは、再開イベントでこれを処理します。

例：

document.addEventListener("resume", yourCallbackFunction, false);

一時停止の詳細については、http： //docs.phonegap.com/en/1.0.0/phonegap_events_events.md.htmlをご覧ください。

-最後の言葉

他のphonegapおよびjQMイベントはほとんどなく、上記のリンクで見つけることができます。

jQMアプリで使用してはいけないもの：

$(document).ready(function(){

});

理由：

jQueryで最初に学ぶことは、$（document）.ready（）関数内のコードを呼び出して、DOMがロードされるとすぐにすべてが実行されるようにすることです。ただし、jQuery Mobileでは、ナビゲート時にAjaxを使用して各ページのコンテンツをDOMにロードし、DOMレディハンドラーは最初のページに対してのみ実行されます。新しいページがロードおよび作成されるたびにコードを実行するには、pageinitイベントにバインドできます。このイベントについては、このページの下部で詳しく説明しています。

于 2012-12-23T10:42:21.617 に答える