I Implemented This Script to Ensure Same Height for Boxes
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js">
$(document).ready(function(){
var highestBox = 0;
$('.box').each(function(){
if($(this).height() > highestBox){
highestBox = $(this).height();
}
});
$('.box').height(highestBox);
});
</script>
However, I have encountered an issue where the script behaves strangely. Initially, it loads data from the database and then should adjust the box heights accordingly, but this process does not occur as expected. I find that I need to manually refresh the page to see the desired effect. I have placed the script in both the header and footer of the site. Any advice on what may be causing this unexpected behavior? You can view the live version of the website at matus-satara.com :)