在 Android 上使用 jQuery Mobile 在页面转换时仍然存在闪烁/闪烁问题

Posted 2023-05-09

【中文标题】在 Android 上使用 jQuery Mobile 在页面转换时仍然存在闪烁/闪烁问题

【英文标题】：Still having problems with flicker/blinking on page transitions with jQuery Mobile on Android

【发布时间】：2017-05-24 09:23:06

【问题描述】：

我看到这已经被谈论了很多年，但它仍然在发生。

我有一个在 ios 中使用 jQuery Mobile 的应用程序，一切都很好。我现在正在尝试部署到 android，但页面转换时出现了可怕的闪烁。我尝试了许多在网上提出的解决方案，但没有一个可行。我发现唯一可行的方法是关闭 jQuery Mobile，我不想这样做！

我试过了：

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

和

.ui-page 
    text-shadow: none!important;
    -webkit-backface-visibility: hidden;
    overflow: visible;

和

.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page 
    overflow: visible;

和

<script type="text/javascript">
    $(document).bind("mobileinit", function()
        
           if (navigator.userAgent.indexOf("Android") != -1)
           
             $.mobile.defaultPageTransition = 'none';
             $.mobile.defaultDialogTransition = 'none';
           
        );
</script>

并将其添加到 Android 清单中

android:hardwareAccelerated="false"

可能还有其他我不记得了。

我正在使用 jQuery Mobile 1.4.5。科尔多瓦 6.3.1。在运行 Android 6.0.1 的 Nexus 5 和运行 5.0 的 LG G3 上进行测试。

jQuery Mobile github 页面上有一个未解决的问题，但一年多没有人回答。

任何想法将不胜感激！

乔恩

【问题讨论】：

我知道 jQuery Mobile 版本是不同的，但您是否尝试过以下技巧：outof.me/…

【参考方案1】：

想通了。我的代码中有一些 window.location 页面转换。当我将它们更改为使用 $.mobile.changePage(page) 并确保我有

$.mobile.defaultPageTransition = 'none';
$.mobile.defaultDialogTransition = 'none';

不再闪烁！

乔恩