创建时包含许多项目的列表视图太慢

Question

我使用和 phonegap 开发移动应用程序，该应用程序具有 JqueryMobile 列表视图，其中包含许多项目 （超过 20 个项目 li ）并且每个 li 都有文本框和 3 个单选按钮，当我尝试使用此代码创建和刷新列表视图时：

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

创建列表视图需要 15 秒。

有谁知道如何加快创建包含许多项目的列表视图？

在我用来填充列表视图的把手模板下方：

<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>

Answer 1

古达。
我一直在用 phonegap 和 jQuery Mobile 开发应用程序。在 jQuery Mobile 中，listview 非常非常慢。如果有很多项目，那么永远不要使用列表视图。
解决方案：您应该重写 listview 并忽略 data-role="listview"，您的应用程序会更快。

    <ul>
        <li>
        <li>
    </ul>
    //very faster than
    <ul data-role="listview">
        <li>
        <li>
    </ul>