1

ショッピングカートのアイテムを4つのグリッドで一列に並べたリストを表示しようとしています。

  1. チェックボックスで各項目を削除するためのものです
  2. 商品、その画像、属性を表示するためのものです
  3. 数量を更新するためのものです
  4. 商品の価格を表示するためのものです。

グリッドの高さは、行（カートアイテム）ごとに異なります。グリッドごとに個別の高さを設定できますが、カート内の商品にテキストが多すぎると、高さが自動化されないことを意味します。

次に、各商品の自動高さを設定すると、行の他の3つのグリッドすべてが等しく増加しません。面倒なページになります。

4つのグリッドの1つを自動高さに設定すると、他の3つが結合するようにする解決策はありますか？

4

1 に答える 1

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>

次に、現在のクラスを次のように各グリッドに使用しました:( 2番目の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>
于 2011-07-20T20:13:24.250 に答える