1

我需要使用 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 文件（您可以在此处查看）确实会在 22 秒内呈现（这不是一个选项，但是仍然需要很多时间......）。

由于JQM 已经讨论过弃用嵌套的 listviews，我也在考虑放弃它们。

你会建议用哪种方法来替换它们？在刚才提到的讨论中，他们建议“使用我们的标准页面模型可以实现相同的效果[...]”，但我觉得它很笼统：您有更具体的建议/示例吗？

4

0 回答 0