jQuery Mobile -> 页面生命周期?

11

jQuery Mobile页面是否有类似于生命周期的东西?比如在初始化、显示、隐藏/返回或其他事件上触发的事件?!

提前感谢!

2个回答

21

简介

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

页面转换期间:

事件 pagebeforecreate

事件 pagecreate

如果您想动态添加页面内容并让jQuery Mobile样式化您的新内容,则使用最佳事件。在ajax调用的情况下不要使用它, 应该使用pagebeforeshow,但是所有动态添加的内容都必须手动enhanced

事件 pageinit

这将仅在每个页面加载时触发一次,除非手动刷新页面,否则不会再次触发。 事件pagebeforehide 事件pagebeforeshow 最佳的页面操作事件。 事件pageremove 事件pagehide 事件pageshow
唯一可以初始化和使用其他图形jQuery/javascript的事件,如图形工具或走马灯。
其余内容:

事件 pagebeforechange

将始终触发两次,因此请跳过它。

事件 pagechange

将始终触发两次,因此请跳过它。

如果您想了解更多关于这个主题以及页面事件如何整体工作的内容,请查看我其他的ARTICLE。或者在HERE找到它。只需搜索名为页面事件转换顺序的章节即可。但也要阅读任何地方的所有内容。

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


1
就像Android活动生命周期一样,jQuery Mobile页面也有不同的事件。您可以从官方文档中查看jQuery Mobile 1.3.0的事件列表。请注意保留HTML标签。
  1. 页面改变前事件
  2. 页面创建前事件
  3. 页面隐藏前事件
  4. 页面加载前事件
  5. 页面改变事件
  6. 页面改变失败事件
  7. 页面创建事件
  8. 页面隐藏事件
  9. 页面初始化事件
  10. 页面加载事件
  11. 页面加载失败事件
  12. 页面移除事件
  13. 页面显示事件

还有更多的jQuery Mobile事件可在此处查看文档

在我看来,pagebeforeshowpageshowpagecreate是常用的事件。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接