Представление сетки в jQuery Mobile

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

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

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

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

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


gridview jquery-mobile autosize
person wHiTeHaT    schedule 18.07.2011    source источник
comment
@phill я нашел свое исправление в течение 8 часов, когда публиковал свой вопрос;)   -  person wHiTeHaT    schedule 21.07.2011

Ответы (1)


arrow_upward
1
arrow_downward

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

<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>
person wHiTeHaT    schedule 20.07.2011
comment
Привет, не могли бы вы опубликовать полный код, у меня такая же проблема, и это будет полезно для меня. спасибо - person android phonegap; 29.08.2012