JQuery 1.1.0 と Phonegap を使用してアプリを作成しました。私が今抱えている問題は、フィールドにテキストを入力し、ios キーパッドの「前へ」および「次へ」ボタンをタップすると、ヘッダーが固定位置から瞬間的に移動し、ページ上の別の位置に表示されることです。ヘッダーは修正済みとしてマークされているため、ヘッダーが表示される場合と表示されない場合がある理由がわかりません。
マルチページのこの部分は、「ほとんどの場合」機能するページの例ですが、フィールド間を移動すると、ヘッダーが画面からスライドインまたはアウトすることがあります。
<div data-role="page" id="accident_detail" data-theme="f">
<div data-role="header" data-position="fixed">
<a href="#accident_insured" data-icon="arrow-l" data-direction="reverse" data-iconpos="notext"></a>
<h1>Description</h1>
<a href="#accident_vehicle" data-icon="arrow-r" data-iconpos="notext"></a>
</div>
<div data-role="content">
<label for="incident_date">Date of Incident:</label>
<input type="date" name="incident_date" id="incident_date" value="" class="required"/>
<label for="incident_description">Description of Incident:</label>
<textarea cols="40" rows="8" name="incident_description" id="incident_description" class="required"></textarea>
<label for="accident_damage">Damage description:</label>
<textarea cols="40" rows="8" name="accident_damage" id="accident_damage"></textarea>
<label for="location_street">Street:</label>
<input type="text" name="location_street" id="location_street" value="" class="required"/>
<label for="location_city">City:</label>
<input type="text" name="location_city" id="location_city" value="" class="required"/></div>
<div data-role="footer" data-position="fixed" class="ui-btn-right" style="min-height:42px;">
<a href="#accident_menu" data-icon="arrow-l" data-direction="reverse" data-iconpos="left"
style="margin-left: 10px; margin-top: 5px">Done</a>
<a href="index.html" rel="external" data-icon="home" data-direction="reverse" data-iconpos="notext"
style="float: right; margin-right: 10px; margin-top: 5px"></a>
</div>
</div>
どんな助けでも大歓迎です。