Question

我正在测试使用jQuery Mobile 1.1.0构建的移动Web应用程序。我正在使用在Android 4.0上运行的Galaxy Nexus测试网站应用程序。 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>

要在mobile-site-custom-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'; }
我在使用cordova 2.2.0，jquery 1.8.2和jquery mobile 1.2.0编写的Android应用程序上进行了测试。我必须说它有效。我希望jquery移动开发团队能够解决过渡闪烁，但现在唯一的办法就是将它们全部关闭。我想补充一点，我检查了所有关于此主题的前30次谷歌搜索所欺骗的CSS。

Answer 3

它对我也不起作用（特别是在iOS中）。然后我用了

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

它对我有用。 Page transition

过渡期间jQuery Mobile闪烁屏幕

3 个答案: