用PhoneGap+jQuery mobile开发移动应用和web应用的时候,页面切换会闪烁。
感觉,造成这样的原因大概是jQuery mobile在移动浏览器下的性能不佳造成的。jQuery mobile页面切换可以有很多效果,用data-transition来定义。超链接和脚本跳转都能定义。
将data-transition定义为none,页面跳转的时候基本就不会出现闪烁了。
html:
- <a href="demo1/demo1.html" data-transition="none">
<a href="demo1/demo1.html" data-transition="none">
javascript:
- $.mobile.changePage(anchor.attr("href"), {
- transition: "none",
- changeHash: false
- });
$.mobile.changePage(anchor.attr("href"), {
transition: "none",
changeHash: false
});