2

您好,我需要在 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

4

1 回答 1

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>";
}
于 2013-05-19T17:25:51.283 回答