刷新 div（导致浏览重绘它）

Question

在 Web 应用程序中，我在动态内容方面遇到了一些问题 - 表单被隐藏或显示在 jQuery UI 选项卡控件上方会导致呈现问题，直到用户将鼠标悬停在选项卡上，然后导致选项卡标题在正确的位置重绘。

它只发生在 IE7 中，作为一个快速的 hack，我在显示表单后执行此操作以在 IE 中刷新选项卡的 div：

$('#tabs').css('display', 'none').css('display', 'block');

我只是想知道是否有更合适/更强大的方法来使div 元素重绘自身/重新计算页面上元素的布局，因为我担心我的方法可能会产生不必要的副作用在其他浏览器上。

Answer 1

猜测，但可能是hasLayout。

尝试添加类似的内容：

#tabs {
  zoom: 1;
}

Answer 2

我曾经遇到过类似的问题，结果是显示的 div 上没有设置宽度的问题。当我在它工作的元素上设置静态像素宽度时。