jquery-mobile - 作成時に多くのアイテムを含むリストビューが遅すぎる

Question

私は phonegap を使用してモバイルアプリで作業しています。このコードを使用してリストビューを作成および更新しようとすると、アプリには多くのアイテム (20 個を超えるアイテム) を含むJqueryMobileリストビューがあり、すべてのliにはテキストボックスと 3 つのラジオボタンがあります。

$("#ListView").trigger('create').listview().listview("refresh");

リストビューの作成には 15 秒かかります。

多くのアイテムでリストビューの作成を高速化する方法を知っている人はいますか?

リストビューを作成するために使用したhandelbarテンプレートの下：

<ul data-role="listview" data-inset="true" id="lstQuestions">
    {{#each Data}}

        <li data-role="fieldcontain"  >
            <label  >{{DOrder}} - {{Title}}</label>

            <fieldset data-role="controlgroup" data-type="horizontal"  >
                <input type="radio" name="rdo-{{ID}}" id="rdo-{{InspectionID}}-{{ID}}-3" value="3" data-theme="c" />
                <label for="rdo-{{InspectionID}}-{{ID}}-3">Nothing</label>

                <input type="radio" name="rdo-{{ID}}" id="rdo-{{InspectionID}}-{{ID}}-2" value="2" data-theme="c" />
                <label for="rdo-{{InspectionID}}-{{ID}}-2">No</label>

                <input type="radio" name="rdo-{{ID}}" id="rdo-{{InspectionID}}-{{ID}}-1" value="1" data-theme="c" />
                <label for="rdo-{{InspectionID}}-{{ID}}-1">Yes</label>

            </fieldset>
            <fieldset data-role="controlgroup" class="fieldsetClass">
                <label for="txt-{{ID}}">Comment</label>
                <input type="text" id="txt-{{ID}}" name="txt-{{ID}}" value="{{Comment}}"   />
            </fieldset>
        </li>

    {{/each}}
</ul>