JQuery-Mobile页面转换 - 闪烁(单独的页面)

Question

我花了一天时间弄清楚如何修复JQuery-Mobile 1.3.1中页面转换之间的闪烁.

我找到

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

或设置data-transition为none

或删除meta.attr( "content", disabledZoom );,并meta.attr( "content", enabledZoom );从JQM文件

帮助.

但显然只有在webapp只是一个"多页"的情况下才有效.

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

在iOS(移动版Safari)和PC(浏览器:Chrome)上,我没有任何过渡闪烁.但是,只要我将应用程序添加到主屏幕,它就会再次闪烁.

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

对此没有解决方案吗？

Answer 1

到目前为止,没有任何回答对我有用.我最终将一个函数绑定到导致页面更改的所有链接或元素.在函数中,我触发页面更改,但明确告诉它"过去"没有.

这是一个例子:

Javscript(jQuery)

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

标记

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

希望这可以帮助!