2014-10-07 59 views
0

我试图让ul(ul.testimonial)等于它的最高的孩子李负载和窗口调整大小的高度。一个潜在的问题是,它是绝对的div,并使用查询周期分阶段进行。我加载的是剧本虽然WordPress的,但它似乎并不奏效: -jQuery负载和调整大小的最高孩子的父高度

<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

回答

0

我发现这个代码到底为我工作。我确信有更好的,但它非常小,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

+0

使$工作包装成'的jQuery(函数($){/ *使用$这里* /});' – 2016-03-12 15:03:06

相关问题