2014-10-07 1 views
0

크기를 조정합니다. 한 가지 잠재적 인 문제는 lis가 절대 div이며 쿼리 사이클을 사용하여 단계적으로 진행된다는 것입니다. 나는이 워드 프레스하지만 스크립트로드 합니다만, 제대로 동작하지 않습니다 : -jQuery를 학부모로드에 가장 높은 아이의 높이와 내가 부하 및 창 크기 조정에서의 가장 높은 아동 리튬의 높이를 동일하게 (ul.testimonial)는 UL을 얻으려고

<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를'로 포장하게 (함수 ($) {/ * 여기에 $를 사용 * /});' –