Jquery moblie使用ajax载入html时闪屏解决

Jquery moblie特性(页面闪屏)

页面转场闪屏问题

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

.ui-page {

backface-visibility:hidden;

-webkit-backface-visibility:hidden;

-moz-backface-visibility:hidden;

}

需要注意的是你的jquery最好使用 1.7.1或以上的版本，否则有上面的css也可能还是会闪屏。

 

1.7版的jquery加多了对CSS3的支持和兼容，可以说是为移动端而设计的，假如你正在开发web app，有什么理由不用它呢？