我必须快速构建应用程序的原型，并且我想确切地知道在哪里插入各种应用程序逻辑。

您能否迭代使用 PhoneGap 和 jQueryMobile 时的事件及其触发顺序？

如果能够清楚地了解以下事件/顺序，那就太好了：

• A: 当您第一次打开应用程序时.
• B: 当你改变页面时（我猜有些事件不会发生 不再）。
• C: 当您“最小化”应用程序时（例如：当您单击应用程序中的链接时 这将带您发送短信/拨打电话，或者您只需按设备的主页按钮）。
• D: 当您恢复应用程序时（例如：点击“后退”按钮，或者只是
  以某种方式“最大化”它）。

Intro

在这里找到的所有信息也可以在我的博客中找到ARTICLE http://www.gajotres.net/page-events-order-in-jquery-mobile/，您还将找到工作示例。

- A：初始化

A1 - Phonegap 应用程序/框架初始化设备就绪 event.

Example:

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

function deviceReady() {

}

有关暂停的更多信息甚至可以在这里找到：http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html

A2 - jQuery Mobile 应用程序/框架初始化移动初始化 event.

Example:

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

});

如何检查两个框架是否已成功加载：https://stackoverflow.com/a/12821151/1848600 https://stackoverflow.com/a/12821151/1848600

-B：更改页面

首先，所有事件都可以在这里找到：http://jquerymobile.com/test/docs/api/events.html 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 处理这个问题的方法是pause event.

Example:

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

有关暂停的更多信息甚至可以在这里找到：http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html

-D：恢复应用程序

Phonegap 处理这个问题的方法是resume event.

Example:

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

有关暂停的更多信息甚至可以在这里找到：http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html

- 最后的话

还有一些其他的phonegap 和jQM 事件，您可以在上面提到的链接中找到它们。

你不应该在 jQM 应用程序中使用的东西：

$(document).ready(function(){

});

Reason:

您在 jQuery 中学习的第一件事是调用内部的代码 $(document).ready() 函数，因此一切都会在 DOM 已加载。然而，在 jQuery Mobile 中，Ajax 用于加载 当您导航时将每个页面的内容放入 DOM 中，并且 DOM 已准备好 处理程序仅针对第一页执行。每当 新页面加载并创建后，您可以绑定到 pageinit 事件。 本页底部对此事件进行了详细说明。