J'ai une page avec deux colonnes et essayer de les faire la même hauteur à l'aide jQuery ... Je le code suivanthauteur jQuery incorrecte
<script type="text/javascript">
$(document).ready(function() {
var right_column_height = $("#right-column-wrapper").height()
var content_height = $("#content-wrapper").height()
console.log("content = " + content_height)
if(right_column_height > content_height) $("#content-wrapper").css("height", right_column_height)
else $("#right-column-wrapper").css("height", content_height)
})
</script>
si la colonne de droite est plus élevé, son travail correctement, mais quand quand le contenu est plus élevé, il agit bizarrement ... sur une page la hauteur est définie comme prévu, sur l'autre page, il ne fonctionne pas du tout ... J'ai ajouté la consignation de la console pour voir ce qui se passe et je vois que la hauteur du contenu n'est pas calculé en jQuery ... mais quand j'entre alors le même code en console, j'obtiens une valeur corret ... Pouvez-vous suggérer ce qui ne va pas dans mon code s'il vous plait ...
Voir la démo à http://demo.romanpriryl.cz, la page est problématique http://beta.romanprikryl.cz/fotogalerie.htm, mais fonctionne correctement sur http://beta.romanprikryl.cz/objednavky.htm
Essayez d'ajouter 'px' à la valeur:' $ ("# right-column-wrapper"). Css ("height", content_height + "px"); 'sans cela, une autre unité peut être appliquée. En outre, si l'enveloppe de contenu contient des éléments positionnés ou flottants absolus, la hauteur ne sera pas calculée correctement à cause de cela. –
J'ai d'abord utilisé $ ("# right-column-wrapper"). Css ("height") pour obtenir la hauteur et cela donne les valeurs avec 'px', mais le résultat était le même –