jQuery手機+ phonegap + android 4.0.4頭部閃爍

Question

我正在開發一個應用程序與jQuery手機1.2和phonegap。 在android 2.3上測試它可以正常工作。在Android 4.0.4上，頁眉和頁腳有一個煩人的閃爍。它們在一頁和另一頁之間的過渡期間消失。

我試着預先加載所有頁面。

我設置

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

我

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

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

嘗試仍然有這個問題。正如我所說：在Android 2.3上，相同的代碼正在工作，並且即使我更改了頁面，我也會看到標題就好像它已被修復。

希望有人能夠提供幫助。

在此先感謝。

Answer 1

我有這個相同的問題，然後我通過在每個頭中添加data-id屬性在所有頁面中使標頭「持久」。

所以我有第1〜4，每一頁上有頭，如果我添加數據-ID =「mainHeader」（mainHeader可以任何你想要的）每個，使頭所有網頁上的持續性包含屬性的地方。它不應該在頁面轉換之間消失。 *請注意，data-id標籤也可以用於頁腳。

這裏是我的應用程序之一的報頭：

<div data-role="header" data-position="fixed" data-theme="a" data-id="mainHeader">

更多信息：http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html