jquery mobile使用过程中遇到的一些问题及解决方法

最近在项目在综合考虑了可能维护性和应用本身的复杂性,采用了HTML5 + JQuery Mobile的文案。

记录一下遇到的两个问题。

1)为了在手机上运行的更快,canvas中底图决定调用 putImageData 来复制,但在android 2.3系统上,canvas 的 putImageData 有很严重的锯齿,canvas.translate(0.5, 0.5)也是没有效果。如下图,前面是正常画出的底图,后面是 putImageData 后的底图。

解决办法,

if (android 2.3) {

一个一个图去重画画图

} else {

canvas.putImageData

}

2)app设计为向右滑出菜单panel,这次在 WP8 上出问题了,在一个很大的page上滑出的菜单panel是空白的,在一些比较小的page上是正常的。下图是不正常的,

花了一天调度了一下jqm的代码,却没有发现什么可疑的地方。晚上突然来了灵感,把菜单panel的css重置一下,然后它就正常了,正常的是如下图,

这里用到了setTimeout延时一小会才重置,红圈中的代码是我给jqm打的一个小patch

3)双点页面时,page的header会跳动几个像素,产生的原因是因为双点页面是jqm会触发页面上的 vclick 事件,

解决方法时,我不需要用到这些代码,把jqm中对应这段的代码给注释了。

时间: 2024-08-05 22:57:32

jquery mobile使用过程中遇到的一些问题及解决方法的相关文章

jquery.ajax的url中传递中文乱码问题的解决方法

jquery.ajax的url中传递中文乱码问题的解决方法 JQuery JQuery默认的contentType:application/x-www-form-urlencoded 这才是JQuery正在乱码的原因,在未指定字符集的时候,是使用ISO-8859-1 ISO8859-1,通常叫做Latin-1.Latin-1包括了书写所有西方欧洲语言不可缺少的附加字符. JQuery的Ajax根本没有考虑到国际化的问题,使用了欧洲的字符集,所以才引起了传递中文出现乱码的问题. 而我们的UTF-8

Nginx 安装过程中遇到的一些问题及解决方法

一.安装 获取安装包: wget http://nginx.org/download/nginx-1.11.5.tar.gz 解压安装包: tar -zxvf nginx-1.11.5.tar.gz 切换到 nginx-1.11.5 目录 执行 ./configure 出现错误: checking for C compiler ... not found ./configure: error: C compiler cc is not found 原因:没有安装gcc 解决方法:使用root用户

ldap安装配置过程中遇到的错误,以及解决方法

错误1: [[email protected] openldap]# ldapsearch -LLL-W -x -H ldap://etiantian.org -D "cn=admin,dc=etiantian,dc=org" -b"dc=etiantian,dc=org" "(uid=*)" Enter LDAP Password: ldap_bind: Invalid credentials (49) 错误描述: 搜选的时候,提示ldap_b

使用Python过程中遇到的一些坑及其解决方法(持续更新)

1.列表不能直接赋值 nums1 = nums2 x nums1[:] = nums2 正确 2.返回列表某一元素的值可以使用index函数 aList = [123, 'xyz', 'runoob', 'abc'] print "xyz 索引位置: ", aList.index( 'xyz' ) print "runoob 索引位置 : ", aList.index( 'runoob', 1, 3 ) 参数 x-- 查找的对象. start-- 可选,查找的起始位

记一个VS连接过程中找不到cpp的解决方法

在新增几个qt页面时,发现原来没动的几个cpp 连接报错了,错误均是qt的相关文件找不到 应该是moc文件没有生产或者没有被包含进工程.我想着既然我没动,应该不会是moc的原因,就在其他方向解决了很久也没解决 然后在vs文件管理器搜相关moc文件,缺失没有,这就很奇怪了. 我的方法是,用记事本格式打开工程的.vcxproj文件,跟之前的一对比.发现缺失有几个cpp的命令行被改掉了.这个如果用vs的可视化界面,很难直观的看到哪个变动了 于是把这几个cpp文件删除再添加,就可以了 原文地址:http

(转)jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明

(原)http://www.cnblogs.com/hxling/archive/2012/12/12/2814207.html jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明 近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊. 日期插件JQM也提供了内置的,但样式方面不好看,只好百度.Google啦,找到了两款 jquery-mobile-datebox 和 

jQuery mobile 前台设计中的css em的使用。

先贴个网址:http://www.uml.org.cn/html/201207311.asp 大家可以参考一下面这张转换表(body字体为16px时的值) 总结 长篇介绍了一大堆,唯一想告诉大家的是以下几点 1.浏览器的默认字体大小是16px 2.如果元素自身没有设置字体大小,那么元素自身上的所有属性值如“boder.width.height.padding.margin.line-height”等值,我们都可以按下面的公式来计算 1 ÷ 父元素的font-size × 需要转换的像素值 = e

jQuery敲代码过程中的错误

jQuery敲代码过程中的错误 注意:组合选择器表示方式,例如:$("span,#two") //5.选择所有的 span 元素和id为two的元素 $("#btn5").click(function () { ? ? ? $("span,#two").css("background-color", "#bbffaa"); }) 原文地址:https://www.cnblogs.com/quzhengyua

20170514002Oracle 11g R2安装过程中遇到的报错及解决办法

Oracle 11g R2安装过程中遇到的报错及解决办法 1.提示Check if the DISPLAYvariable is set.    Failed<<<< 解决方案: #xhost +  //切换到root用户输入 #su – Oracle  //切换到oracle用户 $./runInstaller  //执行安装程序 xhost 是用来控制X server访问权限的. 通常当你从hostA登陆到hostB上运行hostB上的应用程序时, 做为应用程序来说,hostA