Question

我正在尝试获得ul（ul.testimonial）等于其最高的子li在加载和窗口大小调整时的高度。一个潜在的问题是lis是绝对div并且使用查询周期分阶段进行。我正在通过Wordpress加载is脚本，但它似乎不起作用： -

<script>
function equalHeight(group) {
tallest = 0;
group.each(function() {
    thisHeight = $(this).height();
    if(thisHeight > tallest) {
        tallest = thisHeight;
    }
});
group.height(tallest);
}

jQuery(function($){
$(window).on('load', function(){
equalHeight($("ul.testimonial"));
});
 });

 $(window).bind('resize', function () { 
//$('ul.testimonial').css('height','auto');
equalHeight($("ul.testimonial"));
});
</script>

有人可以让我知道代码有什么问题，或者更好的方法吗？

由于

Glennyboy

Answer 1

我发现这段代码最终对我有用。我确信那里有更好的，但它非常小，而且jt确实有用。

<script type="text/javascript">
jQuery(document).ready(updateHolderSize);
jQuery(window).resize(updateHolderSize);

function updateHolderSize() {
var max = 0;
jQuery("ul.testimonial li").each(function () {
    max = Math.max(max, jQuery(this).height());
});
jQuery("ul.testimonial").height(max);
}
</script>

对于我在Wordpress中的实现，这只适用于'jQuery'而不是'$'。

干杯 Glennyboy

jQuery加载和调整大小的最高子级的父级高度

1 个答案: