Javascript 如何确保jquerymobile中的两个div始终具有相同的高度

Javascript 如何确保jquerymobile中的两个div始终具有相同的高度,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我对jQueryMobile框架非常陌生,所以请耐心听我说。我正在开发一个项目,需要以表格格式显示数据。 所以我使用下面的结构来创建左栏和右栏 <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">

我对jQueryMobile框架非常陌生,所以请耐心听我说。我正在开发一个项目,需要以表格格式显示数据。 所以我使用下面的结构来创建左栏和右栏

<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>

  • 湿度敏感度(MSL)
  • 三,
  • 但问题是,当一列中有一个大字符串,另一列中有一个短字符串时,列的高度就会扭曲。 因此,我的问题是如何确保div(我使用它作为具有ui-block-m和ui-block-n类的列)具有相同的hight

    非常感谢您的任何建议。 提前谢谢

    我如何确保带class
    ui-block-m的div和带class
    ui-block-n的div快速且脏:

    $(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());
        }
    });
    
    $(函数(){
    var$m=$('.ui-block-m');
    变量$n=$('.ui-block-n')
    如果($m.height()<$n.height()){
    $m.css('height',$n.height());
    }否则如果($m.height()>$n.height()){
    $n.css('height',$m.height());
    }
    });
    
    @Vivek我做了一个演示来验证:对我有效。也许在jq手机上有所不同?如果是的话,我很抱歉sorry@Andy-谢谢..现在它对我有效..但我使用了不同的appeach…+1以获得您的帮助..:)