2
我希望有人能知道如何平铺网格。我有一些代码上手平铺的jQuery网格
1 | 2
3 | 4
5 | 6
,并在我的AJAX功能
$.ajax({
complete:function(result) {
// in here i want to tile across two sets of td's for each tr
for(var i = 0; i < products.length; i++) {
$('#products').append('<tr><td>' + products[i].Title + '</td></tr>');
}
}
});
<table id="products"></table>
对于奇数个元素(最后一个索引将是偶数),这将错过结尾'
你是对的,但我编辑它,但没有出现变化,变化是:if(i%2!= 0 ||(i == products.length-1)) – sandino
这里是你想达到什么样的一个示例代码。您可以优化它以满足您的需求。 Fiddle
来源
2011-11-24 23:30:34 Pierre
这将导致为奇数元件的无效的标记。 – jli
这就是为什么我的答案有**你可以优化它以满足您的需求**部分。 – Pierre
最简单的办法就是根本不使用表。如果你以这种方式安排数据,很可能会出现这种情况,它不是表格数据。我建议在您的元素上使用
display: inline-block
,并使用对您使用的数据有意义的HTML元素,例如ul
或li
。来源
2011-11-24 23:49:26 bloudermilk
这将适用于偶数或奇数元素,经过充分测试。
fiddle
来源
2011-11-24 23:54:06 jli
相关问题