如何確保兩個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()); 
    } 
});