vue Grille en jQuery Mobile

Question

Je suis en train de montrer une liste avec des articles achats panier dans une rangée avec 4 grilles:

1. est pour la suppression de chaque élément avec une case à cocher
2. est pour montrer le produit, son image et ses attributs
3. est de mettre à jour la quantité
4. est de montrer le prix du produit.

Les grilles ont une hauteur différente pour chaque rangée (article du chariot). Je peux définir une hauteur individuelle pour chaque grille, mais cela signifie que si un produit dans le panier a trop de texte, il ne sera pas la hauteur automatique.

Ensuite, quand je définirais la hauteur automatique pour chaque produit, toutes les 3 autres grilles de la rangée n'augmenteront pas également. Ça va juste être une page désordonnée.

Existe-t-il une solution pour que, lorsque je mets l'une des 4 grilles en hauteur automatique, les 3 autres se joignent?

Answer 1

je trouve une solution pour mon problème

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

J'ai ensuite utilisé la classe actuelle à chacun de mes grilles comme celui-ci: (avis qu'il est dans la deuxième 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>