javascript - 刷新 div(导致浏览重绘它)

Question

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

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

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

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

Answer 1

大胆猜测，但可能是 hasLayout。

尝试添加如下内容:

#tabs {
  zoom: 1;
}