jquery：有没有办法在渲染之前猜测高度？

Question

这是我的代码：

• 首先，我分配一些 htm 代码，其中有一个表格。
• （表格不可见）
• 然后我转储高度：每行都是 0。
• 然后我 fadeIn() 表格，
• 然后转储高度：每行为 320px。

你知道我如何在渲染之前计算高度吗？

我的目标是，如果行的高度太大，则“剪切”行中的一些信息。

  $('#tableau').html(htm);
  $('.tableau tr td').each(function() {
    console.log($(this).height());
  } );
  $('#wait').queue(function() {
    $('#tableau').fadeIn(100).queue(function() {
        $('.tableau tr td').each(function() { console.log($(this).height()); } );
      }   
    );  
  });

我知道这听起来像这里但这不是完全相同的问题。

谢谢你！

Answer 1

在渲染之前不可能获取高度。您有三个选择：

1. 一次渲染所有元素，然后获取高度。
2. 追加一个元素，检查高度，并假设每个连续元素的高度相同。
3. 一种非常不同的方法：将 max-height: 100px （示例）添加到元素的选择器中。

Answer 2

您可以尝试将内容渲染到屏幕外，使其不可见。因此将其放在绝对定位的div中，并将其向左移动10,000像素。然后渲染，并检查每个的高度。内容仍在渲染中，因此不完全满足您的要求，但它不会可见。然后您可以进行调整，最后将内容移动到屏幕上。