如何确保两个div在jQuery Mobile中始终具有相同的高度

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的列）具有相同的高度。

任何建议，非常感谢。 在此先感谢!!

我如何才能确保分度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()); 
    } 
});