Android プラットフォーム (バージョン 2.3.3 以降) のアプリで、PhoneGap 2.2.0 を jQuery Mobile 1.2.0 と組み合わせて使用しています。ページでは固定ヘッダーを使用しており、遷移はまったくありません。Rest はほぼ標準の jQuery です。
ページ間を移動しているときに、一瞬 (ページ全体) が白く点滅します。インターネットで何時間も検索しました。
以下の試行に失敗しました:
- インターネットで見つけた何十もの CSS ハック。(例: https://github.com/jquery/jquery-mobile/issues/4024およびhttps://groups.google.com/forum/?fromgroups=#!topic/phonegap/EtZ2KwseKQ0およびページ間を移動するときのちらつき) .
- 固定ヘッダーの切り替えを試みました (トランジション効果は使用していません)。
- jQuery Mobile 1.3.1 を試してみました。（運がない）
- 私が試していないことの 1 つは PhoneGap 2.3.0 ですが、変更ログにその点に関して興味深いものは何もありません。編集: PhoneGap 2.5.0 でも問題は解決しません。
Android プロジェクトでハードウェア アクセラレーションをオフにすると、点滅が消えます。しかし、一部の CSS スタイルがうまくいかず、全体的なパフォーマンスが非常に悪くなります (明らかに)。
以下のコードも試してみました。
ui.page {
-webkit-transform: translateZ(0);
-webkit-perspective:1000;
-webkit-backface-visibility: hidden;
}
悪いことに、まだ運がありません。
これも試してみました: https://github.com/watusi/jquery.mobile.simultaneous-transitions まだ短い (完全な白いページ) 遷移前に点滅します。
ページ自体のアニメーション遷移とは関係ないように見えますが、古いページをアンロードした直後と新しいページをロードする直前に奇妙なことが起こっています。
2013 年 4 月 25 日の更新: も試してみました: https://groups.google.com/forum/?fromgroups=#!topic/phonegap/EtZ2KwseKQ0 https://github.com/jquery/jquery-mobile/issues/4024 https ://github.com/jquery/jquery-mobile/pull/4129
点滅をなくす唯一のことは、fixedheader 部分を削除することです。その後、バターのようにスムーズですが、パネルと互換性のあるヘッダーが恋しいです.
1 ページ テンプレート (1 つのファイル内のすべてのページ) も試してみました。どちらも助けにはなりませんでした。
jQuery Mobile 1.3.1 PhoneGap 2.5.0 Android 4+ デバイス: - Google Samsung Galaxy Nexus - Samsung Galaxy Tab 10.1 (問題はありましたが、もうデバイスはありません) - Samsung Galaxy Note 10.1
今、Github に問題を提出しました: https://github.com/jquery/jquery-mobile/issues/6031