3

如何克服 Web 应用程序中移动页面转换期间的闪烁转换/白闪/跳跃？我使用 Jquerymobile 和 Phonegap 的 (.js) 文件。在https://github.com/jquery/jquery-mobile/issues/4024或其他网站上发布的解决方案都不 适合我。我不使用单独的 jqueryTransition.js 文件。任何帮助都非常感谢。

4

3 回答 3

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'
  });
});
于 2012-11-02T18:26:38.193 回答
0

我只是在使用 LimeJS 框架时遇到了闪烁的过渡，他们通过在过渡之前将对象的不透明度设置为 0 来克服这个问题。从那里开始，过渡效果通过增加不透明度来接管，但也许您的功能不支持它。

于 2012-11-02T15:34:43.517 回答
0

我和你有同样的问题，通过禁用硬件加速解决了。

我在这里报告：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

高温高压

于 2012-11-06T19:04:41.403 回答