そのため、Phonegap と Jquery Mobile を使用してアプリを構築していますが、JQM ページの 1 つで問題が発生しています。この問題は、ios キーパッドの「次へ」ボタンを使用してフィールド間を移動しているときに発生します。最後の入力テキスト フィールドで [完了] ボタンを押すと、[完了] ボタンを押すとすべてのページ要素が表示されるのではなく、一部のページ要素が [ヘッダー] バーの後ろに表示されます。
Android バージョンでは、ページのすべての要素が表示されますが、フッター バーが表示されなくなり、本文をタップしたときにのみフッターが表示されます。
ここで何が起こっているのでしょうか？
丸一日引っ掻き回した後、私は問題を整理しました。問題を作成した jquery.mobile.css グローバル構成ファイルに小さな変更が加えられました。以下の設定に軽微な変更が加えられました...
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; 左: 0; 幅: 100%; 最小高さ: 100%; 位置: 絶対; 表示: なし; ボーダー: 0; }
実際に行われた変更は、min-height: 100% の横に「! important」が挿入され、問題が発生しました。「！重要」を削除しただけでうまくいきました。