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

Question

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

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

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

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

Answer 1

疯狂的猜测，但可能是hasLayout。

尝试添加类似：

#tabs {
  zoom: 1;
}

Answer 2

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