jQuery Mobile的转换过程中屏幕闪烁(jQuery Mobile flickering s

我测试建立在jQuery Mobile的1.1.0移动Web应用程序。 我测试使用我的Galaxy Nexus在Android 4.0上运行的应用程序的网站。 有对CSS刷卡过渡讨厌的闪烁和我环顾四周，修复和发现这一点：

.ui-page {
    -webkit-backface-visibility: hidden;
}

然而，当我使用此修复程序，其中有一个列表视图不显示的索引页。 请帮我。 可能是什么问题呢？

Answer 1:

防止“闪烁”的唯一途径是完全禁用jQuery Mobile的页面过渡。 在您的文档，将以下代码：

// load your custom jQuery Mobile Defaults
<script type="text/javascript" src="mobile/js/mobile-site-custom-jqm-defaults.js"></script>

// load jQuery Mobile
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

// load your scripts.js (your javascript & functions, etc.)
<script type="text/javascript" src="mobile/js/script.js"></script>

要禁用转换，移动站点定制JQM-defaults.js文件里，把这个代码：

$(document).bind("mobileinit", function(){
  $.extend(  $.mobile , {
   defaultPageTransition: 'none'
  });
});

Answer 2:

我对网络这个解决方案中发现：
if (navigator.userAgent.indexOf("Android") != -1) { $.mobile.defaultPageTransition = 'none'; $.mobile.defaultDialogTransition = 'none'; }
我测试了利用科尔多瓦2.2.0，1.8.2的jQuery和jQuery移动1.2.0的书面Android应用程序。 我必须说，它的工作原理。 我希望jQuery Mobile的开发团队将解决过渡闪烁，但现在唯一的办法就是把它们全部关闭。 我想补充一点，我从检查前30的谷歌搜索有关这个主题的欺骗所有的CSS。

Answer 3:

它并没有为我（尤其是在iOS版）工作了。 然后我用

<a href="index.php" data-transition="none">Index</a>

它为我工作。 网页过渡

文章来源: jQuery Mobile flickering screen during transitions