jQuery Mobile 教程(精)

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

jQuery Mobile 教程(精)(49)

值得注意的是,jQuery Mobile 是基于 Ajax 导航的,所以采用 bind() 方法绑定的无法作用于 Ajax 产生的网页元素中,因此建议开发者使用动态绑定的方法如

live()、delegate() 将动态的绑定到相应的元素中。live()、delegate() 等方法可以把 jQuery Mobile 选择器选择的 DOM 元素,在整个 DOM 范围将其持久化,这就

意味着,无论该元素是先前存在还是通过 Ajax 动态加载的,都会被绑定,如同 CSS 给元素添加样式一样。这在对 Ajax 有比较大依赖的网站中是必须注意的。

live()、delegate() 在实现动态绑定的原理和资源消耗方面也有很大的差别。

“刚刚在网友提醒下,了解到在 jQuery 1.7 中,引入了一个新的绑定函数—— .on() ,用于代替 bind, live, delegate 。但 jQuery Mobile 文档仍建议使

用 .bind() 和 .live() 方法绑定,jQuery Mobile 并没有明确其中原因,但考虑到低版本的 jQuery Mobile 只需 jQuery 1.6.4 的支持就足够,出于兼容性的原因,

当然也可能是由于考虑到开发者的习惯,jQuery Mobile 才作出以上建议。当然如果开发者熟悉 .on() 方法也不妨采用 .on() 进行绑定。”

下面以其中的 live() 方法举一个例子说明如何动态绑定 jQuery Mobile 。

$(function(){

$("body").live('swiperight', function() {

$('#next').click(); // #next 为下一页的链接的id

});

});

说明:上面的例子中,假设进入下一页的链接的 id 为 next 。那么在页面上向右滑动就会触发点击了下一页的链接,从而进入下一页。可以想象,这个过程是 Ajax 的,页面会平滑的跳转并且会有过场动画,这样从视觉上看,可以很好的做出原生 App 中常见的滑动翻页功能。当然,这些是基于浏览器的,如果用户的移动设备配置不高的话,会很容易造成画面不流畅等降低用户体验的情况,这也是 Kayo 在前文中建议不要使用过于炫丽的过场动画(如 3D transforms)的原因之一。

49

点击显示全文

  • jQuery Mobile简单介绍

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

    2018-06-24 03:58:27
    255967
  • jQuery Mobile入门教程——主题的使用和定制

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

    2018-06-24 03:35:39
    784927
  • JQuery Mobile技术文档

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

    2018-06-24 03:31:38
    140345
  • 推荐jQuery Mobile插件和教程

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

    2018-06-24 03:55:51
    136594
  • jQuery mobile学习笔记

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

    2018-06-24 03:32:51
    642121
  • 认识Jquery Mobile

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

    2018-06-24 03:59:46
    202450
  • jQuery_Mobile入门教程_提升篇

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

    2018-06-24 04:18:07
    198929
  • jQuery Mobile 教程《精》

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

    2018-06-24 03:43:41
    368865
加载中...
加载中...
  • 通过Xpath定位元素

    通过Xpath定位元素_计算机软件及应用_IT/计算机_专业资料。使用 XPath 进行元素定位在 Selenium 中,定位 HTML 元素经常用到 XPath 表达式,下面将进行详细的介绍。 ...

  • XPath实例

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

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

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

  • Java中的XPath学习笔记

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

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

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

24小时热门信息
  • 非常详细的 Docker 学习笔记

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

    2018-06-24 04:14:13
    943743
  • CentOS7下Docker桥接网络配置

    CentOS7下Docker桥接网络配置 - CentOS7 下 Docker 桥接网络配置 Docker 默认提供了一个隔离的内网环境,启动时会建立一个 docker0 的虚拟网 卡,每个容器...

    2018-06-24 04:08:51
    358069
  • docker学习文档

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

    2018-06-24 04:06:26
    209099
  • Docker 的使用总结

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

    2018-06-24 04:11:19
    182123
  • docker使用手册

    docker使用手册_计算机软件及应用_IT/计算机_专业资料。docker使用手册及常用命令 概念Docker daemon Docker images Docker client Docker Registries Docker containers ...

    2018-06-24 04:07:20
    560967
  • docker学习之基础知识

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

    2018-06-24 04:07:35
    462582
精彩推荐
  • 1、Flash 简介1、Flash 简介

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

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

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

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

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

  • Flash 教程Flash 教程

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

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

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

  • Flash1Flash1

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

  • 《flash动画设计》建设方案与实施过程《flash动画设计》建设方案与实施过程

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

  • FLASHFLASH

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

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