jQuery Mobile 入门教程

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

jQuery Mobile 入门教程(30)

vmousecancel:处理touch 或者 mouse 的mousecancel的正规化的

警告:小心使用vclick

小心在触摸设备使用vclick。Webkit内核的浏览器会在touchend触发后300ms自己生成mousedown, mouseup,和click 3个。这些生成的鼠标的目标会在他们触发的时候被计算出来,并且是基于tou ch的位置,并且有些情况下会在不同的设备上甚至相同设备的不同OS会导致不同的计算结果。这就

意味着原始的点击的目标语浏览器自己生成的鼠标的目标元素可能不是同一个。

我们建议在触摸后可能会改变你点击的点下面内容的中,使用 click而不是vclick方法。这样的包

括页面转场和其他的一些行为比如收缩/伸展这样的可能会导致屏幕有变化或者内容完全被替换的。

取消一个元素默认点击的行为

应用会调用一个 vclick 来取消某个元素的默认点击。在基于鼠标的设备上,对vclick调用pre ventDefault()方法等同于对真实点击的时间冒泡阶段调用 preventDefault() 方法。在基于触摸的设备上就有

点复杂了,因为真实的点击会在vclick 触发300毫秒之后触发。对于触摸设备,对vclick调

用preventDefault()方法会一些vmouse插件的一些代码来试图捕获下一个点击。所以根据上述的警告,要匹配一个触摸和与他对应的鼠标就比较困难,因为他们的目标是不同的。所以 vmouse插件试

图通过坐标来识别一个相符的点击通常会失败。

有些情况下两个的目标和坐标的识别都会失败,这样就会导致点击被触发或者元素的默认动作会

被执行,或者内容被改变或者替换的情况下,触发了别的元素的点击。如果这样的bug在给定的元素

上有规律的发生,我们建议对于动作使用click来驱动触发。

方向改变(orientationchange)

当设备的方向变化(设备横向持或纵向持)此被触发。绑定此时,你的回调函数可以加入第二个参数,作用为描述设备横或纵向的属性,"portrait"或;landscape"。这些值也会作为class值加入到html的元素中,使你可以通过css中的选择器改变他们的样式。注意现在当浏览器不支持

orientationChange的时候我们绑定了resize 。

手持设备方向改变时执行

$(window).bind( 'orientationchange', function(e){

var height=document.body.clientHeight - 195;

$("#content").css("min-height",height);

$("#thumb").css("margin",height/4.2 + "px auto");

[学期和年份] 页 30

点击显示全文

  • jQuery_Mobile入门教程_提升篇

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

    2018-06-24 21:00:44
    198929
  • jQuery Mobile 入门教程

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

    2018-06-24 20:42:58
    527176
  • 推荐jQuery Mobile插件和教程

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

    2018-06-24 20:42:00
    136594
  • 51CTO学院-jQuery Mobile入门视频课程《附示例代码》

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

    2018-06-24 20:47:41
    217208
  • jQuery Mobile简单介绍

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

    2018-06-24 21:06:32
    255967
  • jQuery mobile学习笔记

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

    2018-06-24 20:30:00
    642121
  • jQuery Mobile 教程《精》

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

    2018-06-24 21:06:17
    368865
  • Web 前端 使用jQuery Mobile开发Web App免费学习_javas...

    jQuery Mobile 快速入门视频教程,达内精品在线TMOOC全套教学,在线学习javascript课程,Web 前端 使用jQuery Mobile开发Web App视频下载

    2018-06-24 20:42:31
    140140
加载中...
加载中...
  • python+xpath笔记

    python+xpath笔记_计算机软件及应用_IT/计算机_专业资料。一、选取节点 常用的路劲表达式: 表达式 描述 实例 选取了 div 节点的所有子节 点 从根节点上选取 div ...

  • Java中的XPath学习笔记

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

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

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

  • xpath详解总结,很全面

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

  • XPath实例

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

24小时热门信息
  • docker学习文档

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

    2018-06-24 20:33:57
    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 21:09:31
    182123
  • 非常详细的 Docker 学习笔记

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

    2018-06-24 20:42:36
    943743
  • docker学习之基础知识

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

    2018-06-24 20:54:13
    462582
  • Docker Swarm架构的特性与基本实践

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

    2018-06-24 21:04:20
    699337
  • docker课程介绍.doc

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

    2018-06-24 21:07:52
    338015
精彩推荐
  • FLASH知识点FLASH知识点

    Flash知识点① 时间轴、帧、层、元件、库的概念 ② 文档属性的设置 ③ 帧与层的基本操作 ④ 实例属性的设置 ⑤ 文本及应用 ⑥ 逐帧动画、简单对象的移动和...2018-06-24 20:44:04380128

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

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

  • adobe flash player安装不了解决方法汇总adobe flash player安装不了解决方法汇总

    adobe flash player 安装不了解决方法汇总 Adobe Flash Player 安装不了怎么办?FlashPlayer 是一款高性能的、轻量型且极具表现力的客户 端运行时播放器。很多朋友...2018-06-24 20:41:26249555

  • FLASH页面游戏课程设计报告FLASH页面游戏课程设计报告

    FLASH页面游戏课程设计报告_工学_高等教育_教育专区。课程设计报告.FLASH 页面游戏课程设计报告第一章 绪论 1.1 课题背景意义随着社会的不断发展,人们的生活水平在...2018-06-24 21:02:18910727

  • FLASH 练习题FLASH 练习题

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

  • Flash发布设置Flash发布设置

    Flash发布设置_计算机软件及应用_IT/计算机_专业资料。为 Flash 《.swf》 文件指定发布设置说明为Flash 《.swf》 文件指定发布设置注意: 仅限 CS5.5 - 还可以在属...2018-06-24 20:59:40118769

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

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

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

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

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