Question

我需要使用JQM显示最多100-120个项目的嵌套列表视图，每个项目平均有4个子项目。这是我使用的相关代码（数据来自getJSON（）调用）：

var groups = [];
$.each(data, function(i, group) {
    groups.push("<div data-role='collapsible' data-collapsed='true'><h3 class='group-title'>" + group.group + "</h3>");
    $.each(group.items, function(j, item) {
        groups.push("<li class='news-item'><a href='http://exaple.com'>" + item.des + "</a></li>");
    });
    groups.push("</div>");
});
$('<ul/>', {
    'html': groups.join('\n'),
}).
attr("id", "list").
appendTo("#content");
$("#list").trigger('create');

在我不那么低端的Android手机上，在wifi连接上，渲染需要56秒!!!

我正在动态渲染它;渲染的分页文件保存为静态html文件（你可以检查它here）在22秒内渲染（这不是一个选项，但它仍然需要很多时间......）。

自JQM has discussed about deprecating nested listviews以来，我也想放弃它们。

您建议更换它们的方法是什么？在刚刚提到的讨论中，他们建议“使用我们的标准页面模型可以实现相同的效果”，但我发现它非常通用：您有任何更具体的建议/示例吗？

JQM：如何在合理的时间内呈现100个项目的嵌套列表视图

0 个答案: