Question

如何在Web应用程序中移动页面转换期间克服闪烁转换/白色闪烁/跳转？我使用Jquerymobile和Phonegap的（.js）文件。 https://github.com/jquery/jquery-mobile/issues/4024或其他网站上发布的所有解决方案都不适用于我。我没有使用单独的jqueryTransition.js文件。任何帮助真的很感激。

Answer 1

防止“闪烁”的唯一真正方法是完全禁用jQuery Mobile页面转换。在文档的<head>中，请输入以下代码：

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

// 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

我在使用LimeJS框架时遇到了闪烁的过渡，他们通过在转换之前将对象的不透明度设置为0来克服这种情况。从那里通过增加不透明度来接管过渡效果，但也许你的功能不支持它。

Answer 3

我遇到了和你一样的问题，并通过禁用硬件加速解决了这个问题。

我在此报告：http://community.phonegap.com/nitobi/topics/disable_hardwareacceleratdisable_hardwareacceleration_on_android_ion_on_android

为了简短起见，我的解决方法是在AndroidManifest.xml中声明：

<application android:hardwareAccelerated="false"/>

另请参阅：http://developer.android.com/guide/topics/manifest/application-element.html#hwaccel

HTH

Jquery移动应用程序中的页面过渡闪烁

3 个答案: