jQuery Mobile에서 두 div가 항상 동일한 높이를 유지하는 방법

Question

저는 jquery 모바일 프레임 워크에 매우 익숙해 져서 친절하게도 저와 함께합니다. 나는 데이터를 표 형식으로 보여줄 필요가있는 프로젝트를 개발 중입니다. 그래서 아래 구조를 사용하여 왼쪽 및 오른쪽 열을 만들었습니다.

<div data-role="controlgroup" data-theme="d" class="ui-grid-m ui-corner-all ui-controlgroup ui-controlgroup-vertical"> 
     <div id="left" class="ui-block-m"> 
      <li>Moisture Sensitivity Level (MSL)</li> 
     </div> 
     <div id="right" class="ui-block-n"> 
      <li> 3  </li> 
     </div> 
</div> 

하지만 난 다른 열에서 하나의 열 짧은 문자열의 큰 문자열이있을 때 문제가, 다음 컬럼의 높이의 왜곡 얻을. 그럼, 내 질문은 어떻게 내가 div (내가 ui-block-m 클래스와 ui-block-n 클래스를 가진 열로 사용하고있다) 모두 같은 hieght을 보장 할 수 있습니다.

모든 제안은 높이 평가됩니다. 미리 감사드립니다 !!! 내가 클래스와 클래스 ui-block-m 및 사업부와 그 사업부를 보장 할 수 있습니다 방법

ui-block-n

Answer 1

신속하고 더러운 :

나를 위해 작동하지 않습니다

$(function(){ 
    var $m = $('.ui-block-m'); 
    var $n = $('.ui-block-n') 
    if($m.height() < $n.height()){ 
     $m.css('height',$n.height()); 
    }else if($m.height() > $n.height()){ 
     $n.css('height',$m.height()); 
    } 
});