Jquery 동적으로 다른 div의 높이를 기준으로 div 크기를 조정

Question

div : 표시하도록 초기 설정 : none, 표시하려면 .slideDown을 사용합니다. 그것은 아약스를 통해 테이블을로드합니다. slideDown 때문에 포함 div의 높이가 증가합니다. 다른 두 div의 높이를 동시에 늘려야합니다. 이 같은

Answer 1

세 개의 div에 동일한 높이가 필요한 경우; slidedown

var maxHeight = 0; 

$('div.simultaneously').each(function(index){ 
if ($(this).height() > maxHeight) 
{ 
maxHeight = $(this).height(); 
} 
}); 

$('div.simultaneously').height(maxHeight); 

Answer 2

$(document).ready(function(){ 
//Put your code in here, it will run when the page loads 
}); 

선택 요소 :이 같은

$(".slideDown") 

가져 오기 CSS 속성 :

var height = $(".slideDown").css("height"); 

설정 CSS 속성이 같은 :

$("#someElement").css("background-color", "#fff"); 

문제가 발생할 경우,읽기, 내 코드 예제에 실수가있을 수 있으므로 테스트하지 않았습니다.

Answer 3

당신이 다른 div의 높이가 성장하고 사업부에 맞게 증가 하시겠습니까 아래의 코드를 실행 한 후, "동시에"와 같은 세 된 div에 CSS 클래스를 추가 하시겠습니까? 아니면 다른 방식으로 응답 하시겠습니까? 당신이 그것을 일치 찾고 있다면

, 함수는 다음과 같습니다

function matchHeight() { 
    var newHeight = $("#grownDiv").height(); //where #grownDiv is what's growing 
    $(".matchDiv").height(newHeight); //where .matchDiv is the class of the other two 
} 

당신은 당신의 테이블에로드 한 후이를 호출 할 수 있습니다. 당신은 또한이 같은 이벤트를 설정할 수 있습니다 :이 도움이

jQuery.event.add(window,"load",matchHeight); 
jQuery.event.add(window,"resize",matchHeight); 

등

희망을.