jQuery Mobile 教程(精)

jQuery Mobile 教程(精)精雕软件教程,我的世界精美别墅教程,新求精德语强化教程,产品精修教程,精雕教程,周大杰产品精修教程,精雕油泥手办教程,飞儿精品教程网,精雕视频教程
社会化媒体营销 > jQuery Mobile 教程(精)

jQuery Mobile 教程(精)(52)

2.jQuery Mobile 页面与 deferred

下面再对 $.mobile.loadPage() 的源码进行分析,这里会为整个

$.mobile.loadPage() 方法的源码进行注释,但为了方便阅读,不会列出全部的源码实体,以源码注释代替完整源码。

$.mobile.loadPage = function( url, options ) {

// 创建一个 deferred 对象,用于告知调用者 $.mobile.changePage() 页面请求成功或是出现错误,也就是让 $.mobile.changePage() 知道需要调用 done() 或是 fail() 回调队列

var deferred = $.Deferred(),

// …根据参数处理页面数据…

// 触发一个 pagebeforeload

var mpc = settings.pageContainer, pblEvent = new $.Event( "pagebeforeload" ),

// 保存页面选项在 data 参数中

triggerData = { url: url, absUrl: absUrl, dataUrl: dataUrl, deferred: deferred, options: settings }; // 让器知道正准备加载一个新页面

mpc.trigger( pblEvent, triggerData );

// 如果开发者阻止了默认行为,本函数马上结束,并返回 deferred 对象的 promise() 方法 if ( pblEvent.isDefaultPrevented() ) {

return deferred.promise();

}

// 提示正在加载页面

// 使用 ajax 把页面插入 DOM ,然后根据 ajax 请求成功还是失败作出相应的处理

// 请求成功

/* 根据实际情况和传递的参数调整页面内容(调整 jqm header, jqm title, 移除 loading 提示等)触发 pageload 告知者页面请求成功 */

// 调用 resolve() 方法使 deferred 状态为成功

deferred.resolve( absUrl, options, page, dupCachedPage );

// 请求失败

/*

报错并对页面作出一个调整(移除 loading 提示等)

触发 pageloadfail 告知者页面请求失败

*/

// 调用 rejected() 方法使 deferred 状态为失败

deferred.reject( absUrl, options );

// 返回一个 deferred 对象的 promise() 方法

return deferred.promise();

};

52

点击显示全文

  • JQuery Mobile技术文档

    JQuery Mobile 权威指南《jQuery Mobile 权威指南》 由资深专家根据 jQuery Mobile 最新版本撰写, 是一本全面 而系统的 jQuery Mobile 教程,对 jQuery Mobile 的...

    2018-06-19 04:36:51
    140345
  • jQuery_Mobile入门教程_提升篇

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

    2018-06-19 04:55:29
    198929
  • jQuery Mobile 入门教程

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

    2018-06-19 05:18:02
    527176
  • 认识Jquery Mobile

    href="">博客教程 jquery mobile 教程 jquery mobile 博客 wordpress 主题吧版权所有 http://web.mybdqn.com/ jquery mobile 的扩展看到了吗?...

    2018-06-19 05:04:42
    202450
  • 推荐jQuery Mobile插件和教程

    推荐jQuery Mobile插件和教程_计算机软件及应用_IT/计算机_专业资料。jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来...

    2018-06-19 04:39:54
    136594
  • jQuery Mobile简单介绍

    jQuery Mobile 简单介绍今天,jQuery 驱动着 Internet 上的大量网站,在浏览器中提供动态用户体验,促使传 统桌面应用程序越来越少。现在,主流移动平台上的浏览器功能都...

    2018-06-19 04:58:52
    255967
  • jQuery Mobile入门教程——主题的使用和定制

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

    2018-06-19 05:15:05
    784927
  • jQuery mobile学习笔记

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

    2018-06-19 04:38:37
    642121
加载中...
加载中...
  • XPath语法规则及实例

    XPath语法规则及实例_IT/计算机_专业资料。XPath 语法规则术语: 一、 XPath 术语: 1. 节点: 在 XPath 中,有七种类型的节点:元素、属性、文本、命名空间、处理...

  • xpath详解总结,很全面

    请看一个典型的 XPath 查询表达式:/messages/message//child:: node《》[@id=0],其中/messages/message 是路径《绝对路径以"/ "开始》,child::是轴表示在子节点...

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

    假如现在我们想要获取百度首页《www.baidu.com》的“百度一下”按钮的 XPath 值,如下 图所示: 360 安全浏览器: 第一步:首先,在“百度一下”按钮上按右键,然后...

  • 自动化测试工具selenium中如何利用xpath来定位元素

    自动化测试工具selenium中如何利用xpath来定位元素 - 自动化测试工具 selenium 中如何利用 xpath 来定位元素 在开始之前,我们先来熟悉 selenium 中常使用的几个...

  • xpath

    Rowling</author> <year>2005</year> <price>29.99</price> </book> </bookstore> XPath 语法 XPath 使用路径表达式来选取 XML 文档中的节点或节点集。节点...

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

    docker学习之基础知识_计算机软件及应用_IT/计算机_专业资料。docker学习入门 内 部 公 开 ▲ Docker 学习之基础知识 Docker 是一个开源项目,诞生于 2013 年初,...

    2018-06-19 04:50:41
    462582
  • 重建docker0网络《docker容器端口不通时试用》

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

    2018-06-19 05:05:01
    245925
  • docker学习文档

    docker学习文档 - docker学习文档,如何创建docker,如何在docker上部署tomcat与mysql服务

    2018-06-19 05:11:25
    209099
  • docker课程介绍.doc

    docker课程介绍.doc_IT认证_资格考试/认证_教育专区。云计算 Docker 容器技术应用培训课程大纲 1、培训对象:云计算架构师、运营维护工程师、开发工程师 2、培训目标...

    2018-06-19 04:32:45
    338015
  • 非常详细的 Docker 学习笔记

    ... 4.9 Docker 1.3 新增特性和命令 4.10 Docker 1.5 新特性 5.1 自动映射端口 5.2 绑定端口到指定接口 6.1 Docker 四种网络模式 6.2 列出当前主机网桥 ...

    2018-06-19 05:09:29
    943743
  • Docker Swarm架构的特性与基本实践

    Docker Swarm架构的特性与基本实践 - Docker,Container,容器,容器开发,企业容器平台,互联网转型,Devops,微服务

    2018-06-19 05:16:27
    699337
精彩推荐
  • 《flash动画设计》建设方案与实施过程《flash动画设计》建设方案与实施过程

    《flash 动画设计》建设方案与实施过程一、课程建设思路 《Flash 动画设计》课程是一门实践性很强的课程,主要学习二维动画的制作和 交互式设计的内容。通过本课程...2018-06-19 05:00:43401073

  • Flash学习心得Flash学习心得

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

  • Flash 基础入门学习Flash 基础入门学习

    Flash 基础入门学习_计算机软件及应用_IT/计算机_专业资料。FLSAH一些入门技巧学习 Flash 基础 一、界面介绍 启动 Flash 后,Flash 的界面主要有菜单栏、标准工具栏...2018-06-19 05:03:18185200

  • 计算机答案《Flash》计算机答案《Flash》

    20.关于 Flash 影片舞台的最大尺寸是多少 为像素 21、在 Flash 中,如果希望将一段文字分离为单独的文字,可以使用 的命令是【Ctrl】+【B】 22、某电影中,只有...2018-06-19 04:54:27265311

  • 1、Flash 简介1、Flash 简介

    1、Flash 简介_计算机软件及应用_IT/计算机_专业资料。Flash cs3 二维动画设计与制作课 课时:2 课时 题:Flash 简介 重、难点:Flash 动画的特点 Flashcs3 的界面...2018-06-19 05:17:14337100

  • Flash 教程Flash 教程

    Flash 教程_计算机软件及应用_IT/计算机_专业资料。自编动画教程 小学Flash 特色课程校本教材一、课程基本理论 《一》 、Flash 特色课程教学总目标《教学的三维目标》 ...2018-06-19 04:38:58181767

  • 信息技术工具介绍flash信息技术工具介绍flash

    Flash 的补间动画有以下几种: 1.动作补间动画 动作补间动画是 Flash 中非常重要的动画表现形式之一,在 Flash 中制作动作补间动画的对象必须 是"元件"或"组成"...2018-06-19 04:56:36297697

  • zigbee协议栈flash操作zigbee协议栈flash操作

    《HAL_NV_DMA_CH》; FADDRL = 《uint8》addr; FADDRH = 《uint8》《addr >> 8》; HalFlashWriteTrigger《》; 》 这个函数的功能就是向 flash 内部的 addr 地址...2018-06-19 05:16:11407421

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