如何在IE7上快速均衡div的高度？

我正試圖平衡我正在研究的一個項目的「行」高度，並且遇到速度問題。我有60到90行和4到10列。由於其他要求，無法在真正的桌面上生成整個設置，所以我一直在使用jQuery.equalhights插件，這很好用，但是當您使用240個「單元格」時，需要大約5秒才能完成IE7 & 8（ FF和其他現代瀏覽器都很快）如何在IE7上快速均衡div的高度？

那麼有沒有更快的方法來做到這一點，然後循環雖然行中的每個div和記錄最高然後設置所有div的高度爲最高hight？

示例HTML。我需要所有* row-＃div與所有其他* row-＃的高度相同。所以高度label-row-0 = item-1-row0 = item-2-row-0 = item-3-row-0 = item-4-row-0並且在該最大高度恰好是item-2-row-0

<div style="float: left"> 
    <div id="label-row-0">label</div> 
    <div id="label-row-1">label</div> 
    <div id="label-row-2">label</div> 
    <div id="label-row-3">label</div> 
</div> 
<ul style="margin: 0; padding: 0; list-style: none; float: left;"> 
    <li> 
     <div id="item-1-row-0">bla</div> 
     <div id="item-1-row-1">bla<br/>bla</div> 
     <div id="item-1-row-2">bla<br/>bla</div> 
     <div id="item-1-row-3">bla<br/>blabla<br/>blabla<br/>bla</div> 
    </li> 
    <li> 
     <div id="item-2-row-0">bla<br/>blabla<br/>bla</div> 
     <div id="item-2-row-1">bla</div> 
     <div id="item-2-row-2">bla bla bla</div> 
     <div id="item-2-row-3">bla<br/>bla</div> 
    </li> 
    <li> 
     <div id="item-3-row-0">bla</div> 
     <div id="item-3-row-1">bla</div> 
     <div id="item-3-row-2">bla</div> 
     <div id="item-3-row-3">bla</div> 
    </li> 
    <li> 
     <div id="item-4-row-0">blabl;a bhdks</div> 
     <div id="item-4-row-1">fvhsdjk vbhsdivbsibn ikvjchwib</div> 
     <div id="item-4-row-2">gfwei bcvieufhci bwuued</div> 
     <div id="item-4-row-3">fgbuisdk bnib cieuh9b</div> 
    </li> 
</ul>

的li元素通過jQuery UI是可排序和需要被允許水平滾動，同時保持標籤div固定在原位。我基本上構建具有鎖定列並鎖定頭列中心的表格和它需要的列排序，我發現沒有辦法做一個常規表或現有的jQuery插件

來源

2010-08-10 user416223