Javascript 如何确保jquerymobile中的两个div始终具有相同的高度
我对jQueryMobile框架非常陌生,所以请耐心听我说。我正在开发一个项目,需要以表格格式显示数据。 所以我使用下面的结构来创建左栏和右栏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">
<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
非常感谢您的任何建议。
提前谢谢
我如何确保带classui-block-m的div和带classui-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以获得您的帮助..:)