当前位置: 首页 > 知识库问答 >
问题:

jQuery Mobile->页面生命周期?

尉迟冯浩
2023-03-14

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

提前感谢!

共有2个答案

聂风史
2023-03-14

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

  1. 更改前页面
  2. 创建前页面
  3. pagebeforehide
  4. 加载前页面
  5. 页面更改
  6. 页面更改失败
  7. 页面创建
  8. 页面隐藏
  9. pageinit
  10. 页面加载
  11. pageloadfailed页面加载失败
  12. 页面删除
  13. pageshow页面显示

还有更多jQuery移动事件文档

在我的openion中,pagebeforeshow和pagecreate是常用的事件。

印劲
2023-03-14

在这里找到的所有信息也可以在我的博客文章中找到,你也可以找到工作示例

创建前事件页面

事件页面创建

如果您想动态添加页面内容并让jQuery Mobile style显示新内容,最好的事件。在ajax调用中不要使用它,然后应该使用pagebefore show,但所有动态添加的内容都必须手动增强。

事件pageinit

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

事件页面

活动页面bepreway

页面操作的最佳事件

事件页面删除

事件页面隐藏

事件页面显示

只有可以初始化和使用其他图形jQuery/javascript的事件,如图形工具或旋转木马

更改前事件页面

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

事件页面更改

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

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

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

 类似资料:
  • 老司机一眼就可以看出,这个是在微信官方文档|页面生命周期基础上修改的。 对!我们就是在小程序框架之上执行 Vue 的 runtime,管理项目的 dom,在合适的生命周期中执行 vue 的 hooks。

  • WeX5页面运行时,分成两个阶段:编译阶段和运行阶段。 编译阶段 图2-19 页面编译阶段 如上图所示,WeX5页面编译时,根据页面的三个核心文件(.w文件、.js文件和.css文件),编译生成三个目标文件: ● main_{lang}_{skin}.html:完整的HTML页面,可以作用独立的HTML页面运行; ● xx.w.view_{lang}_{skin}.html:HTML页面片段,不能

  • 1、创建 DokuWiki中,最简单的创建页面方法是,通过已存在的页面创建一个新页面。在地址栏输入新名称然后点击创建。 首先,在页面输入 图片已损坏   然后点击创建 图片已损坏   这种最简单的方法可以保证新建页面与其他页面互相关联。 如果采用其他方法,请保证新页面可以链接到其他页面。不然新建页面就会成为单独页面,在以后查询的时候非常麻烦。 2、编辑 点击编辑页面就开始编辑,可以点击预览查看目前

  • 本文向大家介绍详解ASP.NET页面生命周期,包括了详解ASP.NET页面生命周期的使用技巧和注意事项,需要的朋友参考一下 ASP.NET页面运行时候,页面将经历一个生命周期,在生命周期中将执行一系列的处理步骤。包括初始化、实例化控件、还原和维护状态、运行时间处理程序代码以及进行呈现。熟悉页面生命周期非常重要,这样我们才能在生命周期的合适阶段编写代码。如果我们能在写代码的时候想着我们现在是在做生命

  • HTML 页面的生命周期包含三个重要事件: DOMContentLoaded —— 浏览器已完全加载 HTML,并构建了 DOM 树,但像 <img> 和样式表之类的外部资源可能尚未加载完成。 load —— 浏览器不仅加载完成了 HTML,还加载完成了所有外部资源:图片,样式等。 beforeunload/unload —— 当用户正在离开页面时。 每个事件都是有用的: DOMContentLo

  • 注:本文档提供的生命周期指的是 Universal App 的生命周期,它依赖 rax-app 提供的 runApp方法。 App 级生命周期 launch  在 App 启动时触发 使用生命周期 你可以使用 rax-app 提供的 useAppLaunch 来注册 App 级别的生命周期。 示例: import { useAppLaunch } from 'rax-app'; useAppLa