1

jQueryMobile と iscrollview プラグインを使用して、動的に追加されたコンテンツを含むページを下にスクロールできません。これは私のHTMLです：

<div data-role="content" class="care-plan-fields"  id="scroll-wrapper" data-iscroll>

                <div data-role="fieldcontain" id="field1">
                    <label for="field1Text" id="field1Label"></label>
                    <textarea cols="40" rows="2" id="field1Text" spellcheck="true" autocorrect="on" autocapitalize="on"></textarea>
                </div>


                <div data-role="fieldcontain">
                    <label for="field2Text" id="field2Label"></label>
                    <textarea cols="40" rows="2" id="field2Text" spellcheck="true" autocorrect="on" autocapitalize="on"></textarea>
                </div>


                <div data-role="fieldcontain">
                    <label for="field3Text" id="field3Label"></label>
                    <textarea cols="40" rows="2" id="field3Text" spellcheck="true" autocorrect="on" autocapitalize="on"></textarea>
                </div>


                <div data-role="fieldcontain" id="field4">
                    <label for="field4Text" id="field4Label"></label>
                    <textarea cols="40" rows="2" id="field4Text" spellcheck="true" autocorrect="on" autocapitalize="on"></textarea>
                </div>

            </div>

次のように、 pagebeforeshowハンドラーの textareasにデータを追加します。

$("label[for='field1Text']").text(carePlan.fields[0].label);
$('#field1Text').val(carePlan.fields[0].text);

そしてすぐにスクロール ビューで refresh を呼び出して、サイズを変更します。

$('#scroll-wrapper').iscrollview("refresh");

ただし、追加されたテキストのサイズに合わせてテキストエリアのサイズが変更されていますが、ページのサイズが変更されていないようで、追加されたデータがページの下部を超えるとスクロールダウンできません。

ページから離れて再び戻ると、完全に下にスクロールできます。

レンダリングの問題だと思います。ページを再レンダリングする方法がわかりません。(iscrollview プラグインは私のアプリ内の他のリスト ビューで機能していることに注意してください。ただし、このような動的に追加されたデータはありません。) アイデアはありますか? 乾杯

4

1 に答える 1

0

それらの他のリスト ビューもページのメイン コンテンツ div ですか?

iscroll が jquery モバイル レイアウト設定と競合している可能性があります。コンテンツ div は、jquery モバイルによってコンテンツに合わせてサイズ変更され、iscroll は、実際にはすべてが表示されていなくても、それを利用可能な画面領域として取得します。iscroll がすべてのタッチ イベントをキャッチしているため、コンテンツ div に付属する既定のスクロールも有効になりません。

于 2012-11-17T12:55:49.367 に答える