我需要使用 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,我也在考虑放弃它们。
你会建议用哪种方法来替换它们?在刚才提到的讨论中,他们建议“使用我们的标准页面模型可以实现相同的效果[...]”,但我觉得它很笼统:您有更具体的建议/示例吗?