Просмотр сетки в jQuery Mobile - PullRequest
Новая
       10

Просмотр сетки в jQuery Mobile

1 голос
/ 19 июля 2011

Я пытаюсь показать список с корзиной товаров подряд с 4 сетками:

  1. - для удаления каждого элемента с флажком
  2. для показа товара, его изображения и атрибутов
  3. для обновления количества
  4. для отображения цены товара.

Сетки имеют разную высоту для каждого ряда (предмет корзины). Я могу установить индивидуальную высоту для каждой сетки, но это означает, что если товар в корзине имеет слишком много текста, он не будет автоматически иметь высоту.

Тогда, когда я установлю автоматическую высоту для каждого продукта, все остальные 3 сетки в ряду не будут увеличиваться одинаково. Это будет просто грязная страница.

Есть ли решение, чтобы, когда я установил одну из 4 сеток на автоматическую высоту, остальные 3 присоединились?

1 Ответ

1 голос
/ 21 июля 2011

Я просто нашел решение для моей проблемы 

<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>
...