1

phonegap (2.2.0) + jquery mobile (1.2.0) アプリで奇妙な問題が発生しています。

別のページをロードするためのリンクを含むページがアプリ内にあります。ロードされたページには、クリックするとユーザーが前のページに戻る戻るボタンがあります。このインタラクションを Web ブラウザで表示すると、完全に機能し、エラーは発生しません。

しかし、IOS で表示すると、戻るボタンの遷移アニメーションが完了すると、ページのコンテンツとヘッダーが消えます。ページが一瞬表示されると、すべてが白くなります。ここでも、ページ ヘッダーとコンテンツだけが表示されなくなります。戻ってきたページの pageshow イベントにアラートを配置しましたが、アラートが閉じられるまでページが空白になりません。

さらに奇妙なことに、ページの空白の領域をクリックまたはタップすると、魔法のようにコンテンツが再び表示されます。私はそれを理解していません。ページ コンテナーで .page() および/または .trigger('updatelayout') を呼び出してページを再描画しようとしましたが、何もしないようです。

このページだけがこの問題を抱えています。空白ページが発生した後でも、他のすべてのトランジションは正常に機能します。

私はこれを何時間も理解できなかったので、これに関する助けがあれば大歓迎です。

4

1 に答える 1

1

それを台無しにしていたのは、CSS の 1 行であることが判明しました。しばらく前に CSS を追加して、遷移間のちらつきを減らしました。削除すると、すべて正常に機能しました。問題のあるcssはこれでした：

.ui-page { -webkit-backface-visibility: hidden; }
于 2012-12-11T01:56:17.923 に答える