json - jquery mobile ui网格3列

Question

您好，我需要在 jquery mobile 中使用 3 列布局。我加载我的json文件，我需要将第一个obj放在ui-block-a中，第二个obj放在ui-block-b中，第三个obj放在ui-block-c中，第四个obj放在ui-block-a中，依此类推。 ...我可以用两个列检查是奇数还是偶数，这是我的代码：

for (var i in data.cappelli) {
        if( i%2 == 0)output+="<div class=\"ui-block-a\">" + data.cappelli[i].id + " " + data.cappelli[i].nome + "</div>";
        else output+="<div class=\"ui-block-b\">" + data.cappelli[i].id + " " + data.cappelli[i].nome + "</div>";
}

有人可以帮助我在 3 列中实现这一目标吗？

很Ty

Answer 1

grids = ['a','b','c'];
for (var i in data.cappelli) {
    output+="<div class=\"ui-block-" + grids[i%3] + "\">" + data.cappelli[i].id + " " + data.cappelli[i].nome + "</div>";
}