jQuery Mobile -> 页面生命周期？

Posted 2023-05-09

【中文标题】jQuery Mobile -> 页面生命周期？

【英文标题】：jQuery Mobile -> Page Lifecycle?

【发布时间】：2013-07-21 21:49:43

【问题描述】：

有没有类似 jQuery Mobile 页面生命周期的东西？比如在 init、show、hide/back 或任何事件上触发的事件？！

提前致谢！

【参考方案1】：

简介

在这里找到的所有信息也可以在我的博客 ARTICLE 中找到，您还可以找到工作示例。

页面转换期间：

事件 pagebeforecreate

事件 pagecreate

如果你想动态添加页面内容并让 jQuery 移动风格你的新内容。不要在ajax调用的情况下使用它， 然后应该使用 pagebefore show 但所有动态添加的内容 他们必须手动enhanced。

事件 pageinit

每次页面加载只会触发一次，任何返回页面都会 不要再次触发，除非手动刷新页面

事件 pagebeforehide

事件 pagebeforeshow

页面操作的最佳事件

事件 pageremove

事件 pagehide

事件 pageshow

只有可以初始化和使用其他图形 jQuery/javascript 的事件，例如 图表工具或轮播

其余的：

事件 pagebeforechange

总是会触发两次所以跳过它

事件 pagechange

总是会触发两次所以跳过它

如果您想了解有关此主题的更多信息以及页面事件的整体运作方式，请查看我的另一个 ARTICLE。或者找到它HERE。只需搜索名为页面事件转换顺序的章节。但也可以在任何地方阅读所有内容。

官方文档：http://jquerymobile.com/demos/1.2.0/docs/api/events.html

【参考方案2】：

就像 android 活动生命周期一样。 jQuery Mobile 页面有不同的events。您可以从jQuery Mobile 1.3.0 的官方文档中查看事件列表。

pagebeforechange pagebeforecreate pagebeforehide pagebeforeload pagechange pagechangefailed pagecreate pagehide pageinit pageload pageloadfailed pageremove pageshow

还有更多 jQuery Mobile 事件documentation available here

在我的开放中pagebeforeshow、pageshow和pagecreate是常用的事件。