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

    2018-08-15 20:17:41
    368865
  • jQuery mobile学习笔记

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

    2018-08-15 20:43:57
    642121
  • 初学者必读jQuery_Mobile_入门教程

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

    2018-08-15 20:43:27
    399837
  • jQuery Mobile入门教程——主题的使用和定制

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

    2018-08-15 20:21:07
    784927
  • jQuery_Mobile入门教程_提升篇

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

    2018-08-15 20:45:46
    198929
  • Web 前端 使用jQuery Mobile开发Web App免费学习_javas...

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

    2018-08-15 20:47:20
    140140
  • jQuery Mobile 入门教程

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

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

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

    2018-08-15 20:09:58
    217208
加载中...
加载中...
  • XPath实例教程

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

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

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

  • xpath总结《全》

    xpath总结《全》 - 经常在工作中会使用到 XPath 的相关知识,但每次总会在一些关键的地方不记得或不太清楚,所以免不了 每次总要查一些零碎的知识,感觉即很烦又...

  • XPath入门教程整理

    XPath入门教程整理 - XPath 入门教程目录 关于本教程中使用了例子...

  • 八爪鱼xpath入门教程以及定位元素实例

    八爪鱼xpath入门教程以及定位元素实例_计算机软件及应用_IT/计算机_专业资料。本文介绍八爪鱼xpath入门教程以及定位元素实例。 八爪鱼·云采集服务平台 www.bazhuayu....

24小时热门信息
  • Docker常用命令汇总

    Docker常用命令汇总 - 超实用:Docker常用命令汇总... Docker常用命令汇总_计算机软件及应用_IT/计算机_专业资料。超实用:Docker常用命令汇总 Docker 常用命令汇总一、查...

    2018-08-15 20:26:10
    155626
  • Docker安装配置步骤详解_图文

    Docker安装配置步骤详解 - Docker 安装配置步骤详解 1. 安装 Docker 使用 yum 命令安装 docker,如 yum -y install docker-io 2. 配...

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

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

    2018-08-15 20:09:05
    245925
  • docker云架构

    docker云架构 - docker,云架构,分布式集群... docker云架构_计算机软件及应用_IT/计算机_专业资料。docker,云架构,分布式集群 Docker:一种云计算下的新的虚拟化技术...

    2018-08-15 19:57:32
    286938
  • Docker 的使用总结

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

    2018-08-15 20:16:36
    182123
  • docker命令语句

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

    2018-08-15 20:03:54
    238868
精彩推荐
  • flash做EEPROM用flash做EEPROM用

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

  • FLASH 练习题FLASH 练习题

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

  • Flash学习心得Flash学习心得

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

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

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

  • flash教案flash教案

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

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

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

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

    信息技术工具介绍flash - 信息技术工具介绍——Flash 一、flash 软件介绍 Flash 是一种动画创作与应用程序开发于一身的创作软件,为创建数字动画、交互式 Web 站点...2018-08-15 20:45:45297697

  • Flash动画的种类Flash动画的种类

    Flash动画的种类 - 下面,给您介绍一下 Flash 制作动画的种类,简单的说,就是 Flash 能够制 作哪几种基础的动画。 一、逐帧动画 所谓的逐帧动画, 就是不需要...2018-08-15 20:00:21659255

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