码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-01-29 00:06:24      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:jquery   html5   jquery mobile   android   windows phone   

最近在项目在综合考虑了可能维护性和应用本身的复杂性,采用了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中对应这段的代码给注释了。



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

标签:jquery   html5   jquery mobile   android   windows phone   

原文地址:http://blog.csdn.net/joshua2011/article/details/43247689

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!