Question

我将此脚本用于相同的盒子高度

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

但实际上它有点奇怪。首先它从数据库加载数据，然后它应该这样做但不是这样我需要刷新页面以获得我在标题中使用它的效果与页脚中相同。没有改变任何建议我做了什么坏事？ Page是matus-satara.com你可以现场查看：）

Answer 1

您不能在同一个脚本代码中同时拥有src和实际内容。

将脚本分开：

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){

    var highestBox = 0;
        $('.box').each(function(){  
                if($(this).height() > highestBox){  
                highestBox = $(this).height();  
        }
    });    
    $('.box').height(highestBox);

});
</script>

Answer 2

如果您不需要支持IE9，请为父容器指定样式display: flex，这将使所有子项增长到相同的高度。 http://caniuse.com/#feat=flexbox

刷新后，相同高度的盒子工作

2 个答案: