網格視圖

Question

我想，以顯示與購物車的物品清單在一排有4個網格：

1. 是刪除每個項目有一個複選框
2. 是表示對製品，其形象和屬性
3. 用於更新數量
4. 用於顯示產品的價格。

網格對於每一行（購物車項目）具有不同的高度。我可以爲每個網格設置一個單獨的高度，但這意味着如果購物車中的產品文字過多，則不會自動調整高度。

然後，當我爲每個產品設置自動高度時，該行上的所有其他3個網格不會相同增加。這只是一個混亂的頁面。

是否有解決方案，以便當我將4個網格中的一個設置爲自動高度時，其他3個網格會加入？

Answer 1

我只是覺得我的問題修復

<script type="text/javascript" > 
$(document).ready(function() { 
setHeight('.col'); 
}); 

//Initialize the global variable, this will store the highest height value 
var maxHeight = 0; 

function setHeight(column) { 
//Get all the element with class = col 
column = $(column); 

//Loop all the column 
column.each(function() {  

    //Store the highest value 
    if($(this).height() > maxHeight) { 
     maxHeight = $(this).height();; 
    } 
}); 

//Set the height 
column.height(maxHeight); 
} 
</script> 

然後我用當前的類和每一個網格是這樣的： （注意這是在第二個div）

<div class="ui-block-a"><div class="ui-bar ui-bar-c col"><?php echo tep_draw_checkbox_field('cart_delete[]', $products[$i]['id']); ?></div></div>