jQuery Mobile 入门教程

jQuery Mobile 入门教程jquery mobile教程,jquerymobile入门教,jquery mobile,jquery教程,jquerymobileapi,jquerymobile,jquerymobiledemo,入门教程,jquery入门教程,arm入门教程
社会化媒体营销 > jQuery Mobile 入门教程

jQuery Mobile 入门教程(38)

页面显示/隐藏(pagebeforeshow、pagebeforehide、pageshow、pagehide)

在jQuery Mobile里,无论一个page在什么时候处于显示或者隐藏状态,这两个都会在这个

page触发.的触发依赖于该page是否正在显示或者隐藏,所以,当一个page过渡发生,会有4个被触发:每个page触发2个:

pagebeforeshow:转场之前,页面被显示时触发。

pagebeforehide:转场之前,页面被隐藏时触发。

pageshow:转场之后,页面被显示时触发。

pagehide:转场之后,页面被隐藏时触发。

请注意这4个都引用了―上一页‖,或―下一页‖,这取决于哪一页被显示或者隐藏,以及―上一页‖或者―下一页‖是否存在。(第一个page 显示时并没有"上一页",但是同样会引用一个空的jQuery对象),你可以通过将第二个参数作为一个绑定的回调函数访问这一引用

$('div').live('pageshow',function(event, ui){

alert('This page was just hidden: '+ ui.prevPage);

});

$('div').live('pagehide',function(event, ui){

alert('This page was just shown: '+ ui.nextPage);

});

而且,务必在 Jquery Mobile 执行前绑定这些函数,以使他们在初始化页面加载时被调用。在

mobileinit 的处理函数中使用它们既可。

动画(animationComplete)

Jquery Mobile了animationComplete 插件,你可以用来添加或删除一个class来应用CSS转场效果。

[学期和年份] 页 38

点击显示全文

  • jQuery Mobile 教程《精》

    jQuery Mobile 教程《精》_计算机软件及应用_IT/计算机_专业资料。jquery mobile教程 jQuery Mobile 教程 一、 JQueryMobile 基础 1. jQuery Mobile 的渐进增强设计与...

    2018-08-15 20:35:39
    368865
  • 51CTO学院-jQuery Mobile入门视频课程《附示例代码》

    51CTO 学院 网址:edu.51CTO.com 51cto 学院-jQuery Mobile 入门视频课程《附示例代码》课程目标 jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery ...

    2018-08-15 20:11:38
    217208
  • jQuery Mobile 入门教程

    jQuery Mobile 入门教程 jQuery Mobile 入门 jQuery Mobile 基本页面结构 <!DOCTYPE html> jQuery Mobile 基本页面结构 ...

    2018-08-15 20:14:51
    527176
  • 推荐jQuery Mobile插件和教程

    推荐jQuery Mobile插件和教程_计算机软件及应用_IT/计算机_专业资料。jQuery Mobile...扩展性和可定制性,全面兼容各种平台设备,对于不支持的手机类型,也会予以 基础...

    2018-08-15 20:21:28
    136594
  • 初学者必读jQuery_Mobile_入门教程

    初学者必读jQuery_Mobile_入门教程_计算机软件及应用_IT/计算机_专业资料。初学者必读jQuery_Mobile_入门教程初学者必读:jQuery Mobile 入门教程 原作:Getting started...

    2018-08-15 20:20:11
    399837
  • jQuery Mobile简单介绍

    jQuery Mobile 简单介绍今天,jQuery 驱动着 Internet 上的大量网站,在浏览器中...与 jQuery 一样,JQM 是一个在 Internet 上直接托管、免费可用的开 源代码基础...

    2018-08-15 20:21:58
    255967
  • jQuery mobile学习笔记

    data-role="footer" data-position="fixed" data-fullscreen="true"> 10、jQuery Mobile 导航栏导航栏由一组水平排列的链接构成,通常位于页眉或页脚内部。 默认地...

    2018-08-15 20:29:42
    642121
  • jQuery_Mobile入门教程_提升篇

    在之前的文章 jQuery Mobile 入门教程里,我对 jQueryMobile 的使用进行了入门介绍, 你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。 ...

    2018-08-15 20:00:56
    198929
加载中...
加载中...
  • 八爪鱼如何通过xpath实现自定义定位元素

    八爪鱼如何通过xpath实现自定义定位元素_互联网_IT/计算机_专业资料。本文介绍八爪鱼如何通过xpath实现自定义定位元素。 八爪鱼·云采集服务平台 www.bazhuayu.com ...

  • 给xpath添加正则表达式匹配函数

    public override IXsltContextVariable ResolveVariable《string prefix, string name》 《 // Create an instance of an XPathExtensionVariable. XPathExtensionVariable ...

  • 如何获取某个页面元素的XPath值

    如何获取某个页面元素的XPath值 - 假如现在我们想要获取百度首页《www.baidu.com》的“百度一下”按钮的 XPath 值,如下 图所示: 360 安全浏览器: 第一步:首先,...

  • Xpath工具使用教程

    Xpath工具使用教程 - 本教程告诉大家如何使用八爪鱼内置的Xpath工具,帮助大家更高效的采集数据

  • XPath实例教程

    XPath实例教程 - XPath 实例教程一、基本的 XPath 语法 实例教程一、 基本的 XPath 语法类似于在一个文件系统中定位文件,如果路径以斜线 / 开始, 那么该路径就...

24小时热门信息
  • docker学习之基础知识

    docker学习之基础知识 - 内 部 公 开 ▲ Docker 学习之基础知识 Docker 是一个开源项目,诞生于 2013 年初,最初是 dotCloud 公司内部的一个业余 项...

    2018-08-15 19:59:48
    462582
  • docker命令语句

    docker命令语句_计算机软件及应用_IT/计算机_专业资料。docker命令语句 Docker 基础这篇基础文章是方便用户在使用 cSphere 平台之前,了解 docker 基础知识。 针对已经...

    2018-08-15 20:38:32
    238868
  • 非常详细的 Docker 学习笔记

    非常详细的 Docker 学习笔记 - 阅读目录 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ...

    2018-08-15 20:12:00
    943743
  • Docker文件系统的分层与隔离

    Docker 文件系统的分层与隔离 M 老师:Docker 的很多特性都表现在它所使用的文件系统上,比如大家都知道 docker 的文件系统是分层的,所以它可以快速迭代,可以回滚。...

    2018-08-15 20:25:10
    188609
  • 重建docker0网络《docker容器端口不通时试用》

    重建docker0网络《docker容器端口不通时试用》 - pkill docker iptables -t nat -F ifconfig docker0 down brctl delbr ...

    2018-08-15 20:30:08
    245925
  • docker安全性分析

    一、在审查 Docker 的安全时,需要考虑三个主要方面: 容器内在的安全性,由内核命名空间和 cgroup 中实现; docker 守护程序本身的攻击面; 加固内核安全特性,以及...

    2018-08-15 20:44:17
    313435
精彩推荐
  • flash教案flash教案

    flash教案 - 教学内容:电脑动画制作初探 教学目标: 知识与技能目标 1、学会启动 Flash 的方法,认识 Flash 工作界面。 2、初步理解动画制作中的基本概念。 3、...2018-08-15 20:38:46687922

  • 用Flash制作动画用Flash制作动画

    用Flash制作动画 - 用 Flash 制作动画 动画可以模拟事物的运动过程,形象地演示有关的原理,Flash 是一种常用的动 画制作软件,利用它可以制作出教学所需要的各种...2018-08-15 20:36:53106585

  • Macromedia Flash_8 基础教程Macromedia Flash_8 基础教程

    Macromedia Flash_8 基础教程 - Flash 8.0 基础教程 一、Flash 基础 启动 Flash 在桌面找一个红色图标 双击即可启动,也可以单击“开始” -“所有程序”...2018-08-15 20:02:26168241

  • Flash学习心得Flash学习心得

    Flash学习心得 - Flash 学习心得 Flash 是美国 MACROMEDIA 公司于 1999 年 6 月推出的优秀网页动画设计软 件。在中国经历了 9 年的发展时间。曾经在中国风云一....2018-08-15 20:26:30274116

  • flash做EEPROM用flash做EEPROM用

    flash做EEPROM用 - STM32 本身没有自带 EEPROM,但是 STM32 具有 IAP《在应用编程》功能,所以我们可 以把它的 FLASH 当成 EEPROM 来使用 STM32...2018-08-15 19:58:06132631

  • FLASH 练习题FLASH 练习题

    FLASH 练习题_理化生_高中教育_教育专区。练习题 填空题 1、 Flash CS3 中的基本绘图工具包括直线工具、___、___、___、 ___。 2、绘制线条的工具有___...2018-08-15 20:11:45691807

  • FLASH模块FLASH模块

    如果 CSM 被保护起来了,那么必 须从被保护的 RAM《例如: L0 或者 L1SARAM》运行 Flash 控制寄存器 的初始化代码,否则 Flash 控制寄存器的初始化代码无法访问 ...2018-08-15 20:43:52329521

  • flash动画处理知识点整理flash动画处理知识点整理

    flash动画处理知识点整理 - 稽山中学信息技术学业水平考试复习资料---FLASH FLASH 操作题相关知识点 知识目标: 单元 考试内容 考试要求 a 考试属性 1.计算机动画的...2018-08-15 20:17:02308913

手机版 | 欢迎来到社会化媒体营销
RSS订阅