jquery mobile使用小技巧_jquerymobile哪些地方在用-优快云博客

jquery mobile使用小技巧

博客分类：
移动开发框架(Titanium和Phonegap)学习和总结

jquery mobile是一个好框架，虽然我没用过Sencha Touch，但据说学习成本要比jq mobile大很多，从目前web app ui框架选择少的情况来看，jq mobile是最好的选择。

jquery本身已是一个成熟的框架，jq mobile作为它的附属，继承了 write less,do more 的传统。

但是作为一个新兴起的项目，毛病也是有不少。我在运用到项目中时，发现了如下问题并积累了下解决方法。

1.页面转场时，当前页会先回到顶部，再跳转到目标页

相信在jquery mobile 1.1.0 版本出来之前，每个人都会遇到的问题。页面短的还好，假如页面内容很长，每次页面转换时都能明显的看到滚动条自动回到顶部的一下操作，更可怕的是当你返回上一页时，jquery mobile会恢复你上次浏览的位置，滚动条又从顶部跳回你之前的地方。

这种页面的错顿感严重影响用户体验，特别是在android的手机上。各种搜索引擎无果后，曾经我避免把页面长度做得超过1屏，也尝试修改jq mobile的源码（但效果不好），折磨了一段时间后，迎来了jquery mobile的更新，然后 1.1.0版本解决了这个问题。

所以如果还被这个问题困扰的同学们，赶紧去下新版的jq mobile。

2.页面转场闪屏问题

在页面转场时，页面内容经常会闪动，特别对于slide效果，fade的话没那么严重但也还是会觉察到闪动。这对于用户体验是致命伤，原因是手机浏览器对于css3的支持还不算太好。解决的方法就是让页面转场效果进行的时候，先将内容背景隐藏，加上下面的一段CSS

 
        /* fixed闪屏 */
       
        .ui-page {    
       
        backface-
        visibility
        : 
        hidden
        ;   
       
        -webkit-backface-
        visibility
        : 
        hidden
        ; 
        /* Chrome and Safari */  
       
        -moz-backface-
        visibility
        : 
        hidden
        ; 
        /* Firefox */  
       
        }