JQuery-Mobile 页面转换 - 闪烁（单独页面）

我花了一天时间研究如何修复 JQuery-Mobile 1.3.1 中页面转换之间的闪烁问题。

我找到

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

或设置data-transition to none

或删除meta.attr( "content", disabledZoom ); and meta.attr( "content", enabledZoom );来自 JQM 文件

helped.

但显然，只有当网络应用程序只是一个“多页面”时，这才有效。

我正在使用 4 个单独的页面。

在 iOS（移动 Safari）和 PC（浏览器：Chrome）中，我没有任何过渡闪烁。 但是，一旦我将应用程序添加到主屏幕，它就会再次闪烁。

我在这里读到，如果使用单独的 HTML 文件，则无法避免 (PhoneGap/Homescreenapp) 页面闪烁：https://groups.google.com/d/msg/phonegap/tqdv3tYIj_o/qfft32VbLg8J

难道就没有解决办法吗？

到目前为止，没有任何答案对我有用。 我最终将一个函数绑定到导致页面更改的所有链接或元素。 在函数中，我触发页面更改，但明确告诉它“无”过渡。

这是一个例子：

JavaScript (jQuery)

$('.item-navbar-people').on('tap', function (e) {
  $.mobile.changePage("#page-people", { transition: "none" });
});

Markup

<div data-role="navbar">
  <ul>
    <li><a class="item-navbar-people ui-btn-active">People</a></li>
  </ul>
</div>

希望这可以帮助！