jQuery Mobile 教程(精)

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

jQuery Mobile 教程(精)(54)

在说明整个加载页面流程后,这里再介绍一下上面所说的传递给 pagebeforeload 的回调函数的第二个参数—— data 的各项属性。

∙url (string) 通过回调函数传递绝对或者相对的url 到$.mobile.loadPage()

∙absUrl (string) 绝对url

∙dataUrl (string) 当识别页面或者更新浏览器地址的时候使用过滤过的绝对url

∙deferred (object) 回调函数中调用preventDefault() ,必须使用resolve() 或rejected() 恢复changePage() 请求

∙options (object) 这个对象包含了需要传递给$.mobile.loadPage() 的选项

最后引用 jQuery Mobile 官方的例子来说明如何阻止默认行为并进行自定义处理,为了进一步说明,Kayo 会修改一下这些例子。

$( document ).bind( "pagebeforeload", function( event, data ){

// 阻止默认行为,告知浏览器本次由的回调函数(即本函数)处理

event.preventDefault();

// 自定义处理,如简单的弹出一个提示

alert('本次由开发者作出一些处理');

// 在本函数或者其它异步方法中调用 resolve()

// 告知 $.mobile.changePage() 方法继续页面请求并执行 done() 回调函数队列

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

});

调用 reject()

$( document ).bind( "pagebeforeload", function( event, data ){

// 阻止默认行为,告知浏览器本次由的回调函数(即本函数)处理

event.preventDefault();

// 自定义处理,如简单的弹出一个提示

alert('本次由开发者作出一些处理');

// 在本函数或者其它异步方法中调用 rejected()

// 告知 $.mobile.changePage() 方法继续页面请求并直接执行 fail() 回调函数队列

data.deferred.rejected( data.absUrl, data.options );

});

pageload

pageload 的触发流程相对 pagebeforeload 来说则较为简单,当页面成功加载并插入到 DOM 后会触发 pageload ,这个也会传递一个 data 参数作为

54

点击显示全文

  • 认识Jquery Mobile

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

    2018-06-19 22:13:18
    202450
  • JQuery Mobile技术文档

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

    2018-06-19 22:05:09
    140345
  • jQuery Mobile入门教程——主题的使用和定制

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

    2018-06-19 22:00:50
    784927
  • jQuery Mobile 入门教程

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

    2018-06-19 22:42:26
    527176
  • jQuery Mobile简单介绍

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

    2018-06-19 22:46:37
    255967
  • jQuery_Mobile入门教程_提升篇

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

    2018-06-19 22:44:22
    198929
  • jQuery Mobile 教程《精》

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

    2018-06-19 22:26:15
    368865
  • 推荐jQuery Mobile插件和教程

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

    2018-06-19 22:29:04
    136594
加载中...
加载中...
  • 如何获取某个页面元素的XPath值

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

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

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

  • XPath_基础学习

    //book/title | //book/price //title | //price /bookstore/book/title | //price 4.XPath Axes《坐标轴》轴可定义某个相对于当前节点的节点集。 轴名称...

  • XPath实例

    实例1 基本的 XPath 语法类似于在一个文件系统中定位文件,如果路径以斜线 / 开始, 那么该路径 就表示到一个元素的绝对路径 /AAA 选择根元素 AAA <AAA> <BBB...

  • xpath的使用方法

    xpath的使用方法_计算机软件及应用_IT/计算机_专业资料。xpath的使用方法 首先要说的是 XPath 数据类型。XPath 可分为四种数据类型: 1. 节点集《node-set》 节点...

24小时热门信息
  • docker命令语句

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

    2018-06-19 22:46:33
    238868
  • Docker 的使用总结

    docker 在线安装与启动 1.1 安装 docker [root@localhost /]#yum install –y epel-release [root@localhost /]# yum -y install docker-io 1.2 启动 ...

    2018-06-19 21:59:51
    182123
  • 完整Docker+VXLAN《OpenVswitch》配置

    完整Docker+VXLAN《OpenVswitch》配置 - 自己做的一个完整的docker+OpenVswitch的完整配置,从安装到最终的实验配置完成,都有完整的步骤。根据本文档配置,绝对...

    2018-06-19 22:09:33
    156822
  • Docker Swarm架构的特性与基本实践

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

    2018-06-19 22:26:55
    699337
  • docker学习之基础知识

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

    2018-06-19 22:29:51
    462582
  • docker学习文档

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

    2018-06-19 22:33:23
    209099
精彩推荐
  • Flash学习心得Flash学习心得

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

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

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

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

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

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

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

  • 1、Flash 简介1、Flash 简介

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

  • Flash 教程Flash 教程

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

  • FLASHFLASH

    FLASH_计算机软件及应用_IT/计算机_专业资料。知识 1.1Flash CS6 概述及重要概念重点: ①对 Flash 这款软件有一定的了解 ②要求掌握帧,时间轴,图层,场景,笔触...2018-06-19 22:02:38148652

  • Flash1Flash1

    《Flash 动画设计》考试资料注意事项: 1、考试时间:2009 年 5 月 18 日晚 18:45-20:25,共计 100 分钟 2、考试地点:2303、2304 教室 3、考试形式:开卷...2018-06-19 22:31:59500594

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