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

Question

我正在尝试平衡我正在处理的项目的“行”高度，但遇到了速度问题。我有 60 到 90 行和 4 到 10 列。由于其他要求，整个设置无法在真实表中生成，所以我一直在使用 jQuery.equalhights 插件，它工作得很好，但是当你达到 240 个“单元格”时，在 IE7 和 8 上完成大约需要 5 秒( FF 和其他现代浏览器很快)

那么有没有更快的方法来执行此操作，然后遍历行中的每个 div 并记录最高的高度，然后将所有 div 的高度设置为最高的高度？

示例 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 插件来做到这一点

Answer 1

检查 http://www.ejeliot.com/blog/61