在jquerymobile和phonegap中從一個頁面導航到另一個頁面時閃爍

Question

我是jquerymobile的新手，正在做一個項目，其中有4個頁面，如A，B，C，D ...在所有頁面中，我有兩個標籤欄或導航欄。頁面A是靜態的，在頁面B我顯示從服務器動態更新的列表視圖。在頁面C我有一些圖像顯示更新從服務器。在頁面D我必須顯示我的地圖位置使用谷歌地圖。他的問題是，當我的Android手機2.2測試這個應用程序..我得到很多閃爍和閃爍，而導航從一個頁面到另一個，沒有得到一個適當的路線。我已經使用了在使用

-webkit-backface-visibility：hidden;

但沒有use.please幫助我。任何幫助將不勝感激。如果任何人想檢查我的代碼，我可以提供他們。

謝謝

Answer 1

我也有這個問題在Android 2.2上測試的應用程序。嘗試在Android版本較高的設備上測試您的應用，您應該注意到很大的不同。這是因爲Android 2.2非常慢。 2.3版本發佈後，性能邁出了巨大的一步。如果您確實希望讓應用程序看起來更適合較舊的Android用戶，則可以考慮嘗試關閉動畫或禁用陰影。

Answer 2

好的加爾斯，我想我有一個很大的時間來回答這個非常糟糕的問題！

在我的設備上，僅當我要過渡到的頁面的pagebeforeshow或pageshow處理程序中存在某種動畫時，纔會發生閃爍。例如，我有一個帶有列表視圖的頁面，有時會在視圖中顯示特殊的警告。無論何時顯示該警告，轉到該頁面時頁面轉換都會閃爍。沒有顯示時，沒有閃爍。

最好的事情是：有一個合理的解決方法！

它有助於推遲動畫幾秒鐘。在我的Nexus S上使用Android 4.0.3（在jQueryMobile頁面轉換方面比這糟糕得多），800ms足夠延遲以防止閃爍，而400ms太短。即使在800毫秒的時間內，從用戶的角度來看，它也不會在頁面加載時出現奇怪的停頓。

有幫助的另一件事是不要太早將重點放在輸入上。這也似乎混淆了瀏覽器關於它動畫的頁面，從而導致它在新舊頁面之間跳來跳去。再次，800ms足夠延遲來安撫動畫引擎，並且它可能仍然是瞬間出現的。

如果您正在過渡到的頁面同時擁有pagebeforeshow和pageshow事件處理程序，那麼似乎還有更多的閃爍風險。如果只附加其中一個，則不閃爍。過渡仍然不總是很順利，但至少在你剛剛離開的頁面上沒有醜陋的倒敘。